LayoutTests/media/track/track-cue-css-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script>var requirePixelDump = true;</script>
   5         <script src=../media-file.js></script>
   6         <script src=../video-test.js></script>
   7         <script src=../media-controls.js></script>
   8
   9         <style>
  10         video::cue {
  11             background-image: linear-gradient(to bottom, dimgray, lightgray);
  12         }
  13         video::cue(b) {
  14             color: red;
  15             font-size: 15px;
  16         }
  17         </style>
  18         <script>
  19         function loaded()
  20         {
  21             consoleWrite("Test that CSS in VTT file is applied correctly.");
  22             findMediaElement();
  23             video.src = findMediaFile('video', '../content/test');
  24             waitForEvent('seeked', endTest);
  25             waitForEvent('canplaythrough', function() { video.currentTime = 0; });
  26         }
  27
  28         setCaptionDisplayMode('Automatic');
  29         </script>
  30     </head>
  31     <body onload="loaded()">
  32         <video controls >
  33             <track src="captions-webvtt/no-css-styling.vtt" kind="captions" default>
  34         </video>
  35     </body>
  36 </html>