| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 | 4 |
| 5 body { | 5 body { |
| 6 display: -webkit-box; | 6 display: -webkit-box; |
| 7 margin: 0; | 7 margin: 0; |
| 8 font-family: Sans-serif; | 8 font-family: Sans-serif; |
| 9 overflow: hidden; | 9 overflow: hidden; |
| 10 } | 10 } |
| (...skipping 145 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 156 '<p>The controls should fade quickly if the mouse is not over t
he video.</p>', | 156 '<p>The controls should fade quickly if the mouse is not over t
he video.</p>', |
| 157 js: function(click) { | 157 js: function(click) { |
| 158 if (!click) | 158 if (!click) |
| 159 return; | 159 return; |
| 160 | 160 |
| 161 var video = document.getElementsByTagName('video')[0]; | 161 var video = document.getElementsByTagName('video')[0]; |
| 162 video.controls = !video.controls; | 162 video.controls = !video.controls; |
| 163 }, | 163 }, |
| 164 html: '<video src={video} autoplay></video><br><button onclick="test(true)">
Toggle Controls</button>', | 164 html: '<video src={video} autoplay></video><br><button onclick="test(true)">
Toggle Controls</button>', |
| 165 }, | 165 }, |
| 166 'closed-captions': { | |
| 167 title: 'Closed-captioned video', | |
| 168 description: '<p>If supported, should show a "CC" button, which should toggl
e display of closed captions.</p>' + | |
| 169 '<p>The state of the button should reflect the state of closed-
captioning in the video (on at the start of the test).</p>', | |
| 170 js: function() { | |
| 171 var video = document.getElementsByTagName('video')[0]; | |
| 172 video.webkitClosedCaptionsVisible = true; | |
| 173 video.addEventListener('canplaythrough', function() | |
| 174 { | |
| 175 video.webkitClosedCaptionsVisible = true; | |
| 176 }, false); | |
| 177 }, | |
| 178 html: '<video controls src={video-captioned}></video>', | |
| 179 }, | |
| 180 'invalid': { | 166 'invalid': { |
| 181 title: 'Video with invalid media', | 167 title: 'Video with invalid media', |
| 182 description: 'Should have "Rewind" and "Play" buttons, and "Loading..." stat
us ' + | 168 description: 'Should have "Rewind" and "Play" buttons, and "Loading..." stat
us ' + |
| 183 'if supported. Should blink "Loading...", but not twitch or fla
sh other controls if reloaded', | 169 'if supported. Should blink "Loading...", but not twitch or fla
sh other controls if reloaded', |
| 184 html: '<video controls src="foobar"></video>' | 170 html: '<video controls src="foobar"></video>' |
| 185 }, | 171 }, |
| 186 'video-no-source': { | 172 'video-no-source': { |
| 187 title: 'Video with no source', | 173 title: 'Video with no source', |
| 188 description: 'Should have "Rewind" and "Play" buttons. Should not blink/twit
ch if reloaded.', | 174 description: 'Should have "Rewind" and "Play" buttons. Should not blink/twit
ch if reloaded.', |
| 189 html: '<video controls></video>' | 175 html: '<video controls></video>' |
| (...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 259 <body> | 245 <body> |
| 260 <div id="list"> | 246 <div id="list"> |
| 261 <h1>Manual Tests of Media Controls Appearance</h1> | 247 <h1>Manual Tests of Media Controls Appearance</h1> |
| 262 </div> | 248 </div> |
| 263 <div id="test"> | 249 <div id="test"> |
| 264 <iframe id="arena"></iframe> | 250 <iframe id="arena"></iframe> |
| 265 <div id="description"></div> | 251 <div id="description"></div> |
| 266 </div> | 252 </div> |
| 267 </body> | 253 </body> |
| 268 </html> | 254 </html> |
| OLD | NEW |