blob: df248c60c6b20edb27eb40100272d87988d8f643 [file] [log] [blame]
<!DOCTYPE html>
<title>Test that unmuting offscreen video will not allow it to autoplay</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<body>
<script>
window.internals.settings.setAutoplayPolicy('user-gesture-required');
window.internals.runtimeFlags.autoplayMutedVideosEnabled = true;
async_test(function(t) {
// Create a video off screen that will be unmuted before moving on screen.
{
var video = document.createElement('video');
video.id = 'offscreen-unmute';
video.src = 'content/test.ogv';
video.muted = true;
video.autoplay = true;
video.loop = true;
video.style.position = 'absolute';
video.style.top = '-10000px';
document.body.appendChild(video);
}
// Create a video off screen that will not be unmuted before moving on screen.
{
var video = document.createElement('video');
video.id = 'offscreen-mute';
video.src = 'content/test.ogv';
video.muted = true;
video.autoplay = true;
video.loop = true;
video.style.position = 'absolute';
video.style.top = '-10000px';
document.body.appendChild(video);
}
var offscreenUnmute = document.querySelector('#offscreen-unmute');
var offscreenMute = document.querySelector('#offscreen-mute');
var loaded = 0;
function canPlayTroughHandler() {
++loaded;
if (loaded != 2)
return;
assert_greater_than_equal(offscreenUnmute.readyState, HTMLMediaElement.HAVE_ENOUGH_DATA);
assert_greater_than_equal(offscreenMute.readyState, HTMLMediaElement.HAVE_ENOUGH_DATA);
offscreenUnmute.muted = false;
offscreenUnmute.style.top = '0px';
offscreenMute.style.top = '0px';
offscreenMute.addEventListener('playing', t.step_func(_ => {
setTimeout(t.step_func_done(_ => {
assert_true(offscreenUnmute.paused);
assert_false(offscreenMute.paused);
}), 0);
}));
}
offscreenUnmute.addEventListener('canplaythrough', t.step_func(canPlayTroughHandler));
offscreenMute.addEventListener('canplaythrough', t.step_func(canPlayTroughHandler));
});
</script>
</body>