third_party/WebKit/LayoutTests/media/media-controller-time-clamp.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 video;
  10
  11         function start() {
  12             video = document.getElementById('video');
  13             run('controller = video.controller');
  14             controller.addEventListener('canplaythrough', canplaythrough, true);
  15             var src = findMediaFile('video', 'content/test');
  16             video.src = src;
  17         }
  18
  19         function canplaythrough() {
  20             consoleWrite("EVENT(canplaythrough)");
  21             controller.removeEventListener('canplaythrough', canplaythrough, true);
  22             controller.addEventListener('ended', ended, true);
  23             // 0.05 is greater than one frame of this 25fps video.
  24             run('controller.currentTime = controller.duration - 0.05');
  25             run('video.play()');
  26             run('controller.play()');
  27         }
  28
  29         function ended() {
  30             consoleWrite("EVENT(ended)");
  31             testExpected("controller.currentTime <= controller.duration", true);
  32             endTest();
  33         }
  34         </script>
  35     </head>
  36     <body onload="start()">
  37         <video id="video" mediaGroup="group" controls></video>
  38     </body>
  39 </html>