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 |