OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <title>Test visibiblity of controls when focusing of <video></title> | |
4 <script src=video-test.js></script> | |
5 <script src=media-controls.js></script> | |
6 <p> | |
7 Test that video controls re-appear when the media (<video>) element is focuse d. | |
8 </p> | |
9 <video controls autoplay src="content/test.ogv"></video> | |
10 <script> | |
11 var controls; | |
12 var waitingForFade = false; | |
13 var fadeinTime = 300; | |
14 | |
15 document.querySelector("video").addEventListener("timeupdate", function(event) { | |
philipj_slow
2014/05/23 13:22:43
The { should go on a new line after function in te
fs
2014/05/23 14:39:30
I thought these were off the hook since they're "a
| |
16 var video = event.target; | |
17 if (video.currentTime < 4 || waitingForFade) | |
18 return; | |
19 controls = mediaControlsButton(video, "panel"); | |
20 | |
21 testExpected("getComputedStyle(controls).opacity", 0); | |
22 | |
23 video.focus(); | |
24 | |
25 waitingForFade = true; | |
26 setTimeout(function() { | |
27 testExpected("waitingForFade", true); | |
philipj_slow
2014/05/23 13:22:43
This looks a bit on the paranoid side :)
fs
2014/05/23 14:39:30
Dropped.
| |
28 testExpected("getComputedStyle(controls).opacity", 1); | |
29 | |
30 consoleWrite(""); | |
31 endTest(); | |
32 }, fadeinTime); | |
33 }); | |
34 | |
35 </script> | |
OLD | NEW |