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('canplaythrough', endTest);
  25         }
  26
  27         setCaptionDisplayMode('Automatic');
  28         </script>
  29     </head>
  30     <body onload="loaded()">
  31         <video controls >
  32             <track src="captions-webvtt/no-css-styling.vtt" kind="captions" default>
  33         </video>
  34     </body>
  35 </html>