1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
<!DOCTYPE HTML>
<html>
<head>
<title>Autoplay policy window</title>
<style>
video {
width: 50%;
height: 50%;
}
</style>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script type="text/javascript" src="manifest.js"></script>
<script type="text/javascript" src="AutoplayTestUtils.js"></script>
</head>
<body>
<pre id="test">
<script>
window.is = window.opener.is;
window.info = window.opener.info;
async function testPlayBeforeLoadedMetata(testCase, parent_window) {
info("testPlayBeforeLoadedMetata: " + testCase.resource);
let element = document.createElement("video");
element.preload = "auto";
element.muted = testCase.muted;
element.src = testCase.resource;
document.body.appendChild(element);
is(element.paused, true, testCase.resource + " - should start out paused.");
let playEventFired = false;
once(element, "play").then(() => { playEventFired = true; });
let playingEventFired = false;
once(element, "playing").then(() => { playingEventFired = true;});
let pauseEventFired = false;
once(element, "pause").then(() => { pauseEventFired = true; });
let played = await element.play().then(() => true, () => false);
let playMsg = testCase.resource + " should " + (!testCase.shouldPlay ? "not " : "") + "play";
is(played, testCase.shouldPlay, playMsg);
is(playEventFired, testCase.shouldPlay, testCase.resource + " - should get play event if we played");
is(playingEventFired, testCase.shouldPlay, testCase.resource + "- should get playing event if we played");
is(pauseEventFired, false, testCase.resource + " - should not get pause event if we played");
removeNodeAndSource(element);
}
nextWindowMessage().then(
async (event) => {
await testPlayBeforeLoadedMetata(event.data, event.source);
event.source.postMessage("done", "*");
});
</script>
</pre>
</body>
</html>
|
