src/third_party/WebKit/LayoutTests/media/video-overlay-cast-light-rendering.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <script src="media-file.js"></script>
   5   <script src="video-paint-test.js"></script>
   6 </head>
   7 <body>
   8   <p>Test overlay cast button rendering on light background.</p>
   9   <div>
  10     <video></video>
  11   </div>
  12   <div>
  13     <video style="width: 320px;"></video>
  14   </div>
  15   <div>
  16     <video style="position: absolute; width: 320px;"></video>
  17   </div>
  18   <script>
  19     if (window.internals)
  20         window.internals.settings.setMockScrollbarsEnabled(true);
  21
  22     var videos = document.getElementsByTagName('video');
  23     waitForMultipleEvents("canplaythrough", videos.length, function() {
  24         for (var i = 0; i < videos.length; ++i) {
  25             videos[i].play();
  26             videos[i].addEventListener("playing", function(event) {
  27                 event.target.pause();
  28                 event.target.currentTime = 0;
  29                 if(window.internals)
  30                     internals.mediaPlayerRemoteRouteAvailabilityChanged(event.target, true);
  31             });
  32         }
  33         waitForMultipleEvents("seeked", videos.length, function() {
  34             if (window.testRunner)
  35                 testRunner.notifyDone();
  36         });
  37     });
  38     setSrcByTagName('video', findMediaFile('video', 'content/counting'));
  39   </script>
  40 </body>
  41 </html>