зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1487018 [wpt PR 12732] - Add test for "Allow delaying autoplay until video elements become visible, a=testonly
Automatic update from web-platform-tests Add test for "Allow delaying autoplay until video elements become visible (#12732) -- wpt-commits: 0570493aa6334949ba3c67b86247ece5bbafbe56 wpt-pr: 12732
This commit is contained in:
Родитель
e7465fe005
Коммит
3698d6bbef
|
@ -0,0 +1,35 @@
|
||||||
|
<!doctype html>
|
||||||
|
<title>autoplay hidden</title>
|
||||||
|
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||||
|
<link rel="help" href="https://html.spec.whatwg.org/multipage/media.html#ready-states"/>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/media.js"></script>
|
||||||
|
<div id="log"></div>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
promise_test(async t => {
|
||||||
|
let video = document.createElement("video");
|
||||||
|
video.src = getVideoURI("/media/movie_5");
|
||||||
|
video.autoplay = true;
|
||||||
|
// In Safari and Chrome, the video needs to be muted in order to be paused when
|
||||||
|
// hidden. They decided to do this in order to save resources when a video
|
||||||
|
// goes out of view and isn't expected to make any sound.
|
||||||
|
video.muted = true;
|
||||||
|
video.loop = true;
|
||||||
|
let watcher = new EventWatcher(t, video, ["playing", "pause"]);
|
||||||
|
document.body.appendChild(video);
|
||||||
|
|
||||||
|
await watcher.wait_for("playing");
|
||||||
|
assert_false(video.paused, "paused when video is display");
|
||||||
|
video.hidden = true;
|
||||||
|
|
||||||
|
await watcher.wait_for("pause");
|
||||||
|
assert_true(video.paused, "paused when video is hidden");
|
||||||
|
video.hidden = false;
|
||||||
|
|
||||||
|
await watcher.wait_for("playing");
|
||||||
|
assert_false(video.paused, "paused when video is display");
|
||||||
|
}, "Allow delaying autoplay until video elements become visible");
|
||||||
|
|
||||||
|
</script>
|
Загрузка…
Ссылка в новой задаче