| 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 | 
|---|