OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
5 | 5 |
6 <script src=../media-file.js></script> | 6 <script src=../media-file.js></script> |
7 <script src=../video-test.js></script> | 7 <script src=../video-test.js></script> |
8 <script src=../media-controls.js></script> | 8 <script src=../media-controls.js></script> |
9 | 9 |
10 <script> | 10 <script> |
11 | 11 |
12 var cueNode; | 12 var cueNode; |
13 | 13 |
14 function seeked() | 14 function seeked() |
15 { | 15 { |
16 if (testEnded) | 16 if (testEnded) |
17 return; | 17 return; |
18 | 18 |
19 cueNode = textTrackDisplayElement(video, 'cue').firstElementChild; | 19 cueNode = textTrackDisplayElement(video, 'cue').firstElementChild; |
20 testExpected("getComputedStyle(cueNode).fontWeight", "bold"); | 20 testExpected("getComputedStyle(cueNode).fontWeight", "bold"); |
21 cueNode = cueNode.nextElementSibling; | 21 cueNode = cueNode.nextElementSibling; |
22 testExpected("getComputedStyle(cueNode).fontStyle", "italic"); | 22 testExpected("getComputedStyle(cueNode).fontStyle", "italic"); |
23 cueNode = cueNode.nextElementSibling; | 23 cueNode = cueNode.nextElementSibling; |
24 testExpected("getComputedStyle(cueNode).textDecoration", "underline"
); | 24 testExpected("getComputedStyle(cueNode).textDecoration", "underline
solid rgb(255, 255, 255)"); |
25 | 25 |
26 endTest(); | 26 endTest(); |
27 } | 27 } |
28 | 28 |
29 function loaded() | 29 function loaded() |
30 { | 30 { |
31 consoleWrite("Test that u, b, i WebVTT objects are being styled corr
ectly."); | 31 consoleWrite("Test that u, b, i WebVTT objects are being styled corr
ectly."); |
32 findMediaElement(); | 32 findMediaElement(); |
33 video.src = findMediaFile('video', '../content/test'); | 33 video.src = findMediaFile('video', '../content/test'); |
34 video.id = "testvideo"; | 34 video.id = "testvideo"; |
35 waitForEvent('seeked', seeked); | 35 waitForEvent('seeked', seeked); |
36 waitForEvent('canplaythrough', function() { video.currentTime = 0.1;
}); | 36 waitForEvent('canplaythrough', function() { video.currentTime = 0.1;
}); |
37 } | 37 } |
38 | 38 |
39 </script> | 39 </script> |
40 </head> | 40 </head> |
41 <body onload="loaded()"> | 41 <body onload="loaded()"> |
42 <video controls > | 42 <video controls > |
43 <track src="captions-webvtt/styling-default.vtt" kind="captions" def
ault> | 43 <track src="captions-webvtt/styling-default.vtt" kind="captions" def
ault> |
44 </video> | 44 </video> |
45 </body> | 45 </body> |
46 </html> | 46 </html> |
OLD | NEW |