| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src=../media-file.js></script> | 2 <script src=../media-file.js></script> |
| 3 <script src=../video-test.js></script> | 3 <script src=../video-test.js></script> |
| 4 <script src=../media-controls.js></script> | 4 <script src=../media-controls.js></script> |
| 5 <style> |
| 6 /* enforce a max width on the controls enclosure, so |
| 7 * that it doesn't fill the entire player width. |
| 8 */ |
| 9 video::-webkit-media-controls-enclosure { |
| 10 max-width: 800; |
| 11 } |
| 12 </style> |
| 5 <script> | 13 <script> |
| 6 var controlsContainer; | 14 var controlsContainer; |
| 7 var cueRoot; | 15 var cueRoot; |
| 8 | 16 |
| 9 window.onload = function() { | 17 window.onload = function() { |
| 10 consoleWrite("Test that the cue root is not constrained by the controls/over
lay."); | 18 consoleWrite("Test that the cue root is not constrained by the controls/over
lay."); |
| 11 findMediaElement(); | 19 findMediaElement(); |
| 12 video.src = findMediaFile('video', '../content/test'); | 20 video.src = findMediaFile('video', '../content/test'); |
| 13 waitForEvent('seeked', function() { | 21 waitForEvent('seeked', function() { |
| 14 // The width of the controls depends on UA style, so verify that our ass
umption holds. | 22 // The width of the controls depends on UA style, so verify that our ass
umption holds. |
| (...skipping 11 matching lines...) Expand all Loading... |
| 26 </script> | 34 </script> |
| 27 <style> | 35 <style> |
| 28 video { | 36 video { |
| 29 width: 2000px; | 37 width: 2000px; |
| 30 height: 750px; | 38 height: 750px; |
| 31 } | 39 } |
| 32 </style> | 40 </style> |
| 33 <video controls> | 41 <video controls> |
| 34 <track src="captions-webvtt/long-word.vtt" default> | 42 <track src="captions-webvtt/long-word.vtt" default> |
| 35 </video> | 43 </video> |
| OLD | NEW |