summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/embedded-content/media-elements/event_pause.html
blob: 841e124d5b9e6e86768506b88c0e338fbf90da71 (plain)
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
<!doctype html>
<html>
 <head>
  <title>{audio,video} events - pause</title>
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>
  <script src="/common/media.js"></script>
 </head>
 <body>
  <p><a href="https://html.spec.whatwg.org/multipage/#mediaevents">spec reference</a></p>
  <audio id="a" autoplay controls>
  </audio>
  <video id="v" autoplay controls>
  </video>
  <div id="log"></div>
  <script>
test(function() {
  var t = async_test("calling pause() on autoplay audio should trigger pause event");
  var a = document.getElementById("a");
  a.addEventListener("error", t.unreached_func());
  a.addEventListener("pause", t.step_func_done(), false);
  a.addEventListener("play", t.step_func(function() {
    a.pause(); // pause right after play
  }));
  a.src = getAudioURI("/media/sound_5") + "?" + new Date() + Math.random();
}, "audio events - pause");

test(function() {
  var t = async_test("calling pause() on autoplay video should trigger pause event");
  var v = document.getElementById("v");
  v.addEventListener("error", t.unreached_func());
  v.addEventListener("pause", t.step_func_done(), false);
  v.addEventListener("play", t.step_func(function() {
    v.pause(); // pause right after play
  }));
  v.src = getVideoURI("/media/movie_5") + "?" + new Date() + Math.random();
}, "video events - pause");
  </script>
 </body>
</html>