LayoutTests/media/controls-styling.html

   1 <html>
   2 <head>
   3     <script src="media-file.js"></script>
   4     <script src="video-paint-test.js"></script>
   5     <style>
   6     .override {
   7         letter-spacing: 30px;
   8         word-spacing: 30px;
   9         line-height: 100px;
  10         text-transform: capitalize;
  11         text-indent: 10px;
  12         text-shadow: red 1px 1px 1px;
  13         text-decoration: underline;
  14         color: blue;
  15     }
  16     </style>
  17 </head>
  18 <body onload="setSrcByTagName('video', findMediaFile('video', 'content/test')); init()">
  19 <p>The look of the controls should not change.</p>
  20 <div class="override">
  21     <video controls></video>
  22 </div>
  23 <video controls></video>
  24 </body>
  25 </html>