LayoutTests/media/media-controller-playback.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src=media-file.js></script>
   5         <script src=video-test.js></script>
   6
   7         <script>
   8         var controller;
   9         var video2;
  10
  11         function start() {
  12             var videos = document.getElementsByTagName('video');
  13             video = videos[0];
  14             video2 = videos[1];
  15             run('controller = video.controller');
  16             controller.addEventListener('canplaythrough', canplaythrough, true);
  17             var src = findMediaFile('video', 'content/test');
  18             video.src = src;
  19             video2.src = src;
  20         }
  21
  22         function canplaythrough() {
  23             consoleWrite("EVENT(canplaythrough)");
  24             controller.removeEventListener('canplaythrough', canplaythrough, true);
  25             run('controller.currentTime = 5');
  26             testExpected('video.currentTime', 5);
  27             testExpected('video2.currentTime', 5);
  28             run('video.play()');
  29             run('video2.play()');
  30             controller.addEventListener('playing', playing, true);
  31             run('controller.play()');
  32         }
  33
  34         function playing() {
  35             consoleWrite("EVENT(playing)");
  36             controller.removeEventListener('playing', playing, true);
  37             testExpected('controller.paused', false);
  38             controller.addEventListener('ended', ended, true);
  39         }
  40
  41         function ended() {
  42             consoleWrite("EVENT(ended)");
  43             controller.removeEventListener('ended', ended, true);
  44             endTest();
  45         }
  46         </script>
  47     </head>
  48     <body onload="start()">
  49         <video mediaGroup="group" controls></video>
  50         <video mediaGroup="group" controls></video>
  51     </body>
  52 </html>