11
|
1 |
window.addEventListener("DOMContentLoaded", function() { |
|
2 |
|
|
3 |
var video = document.querySelector("video"), |
|
4 |
destination = document.location.href.replace(/^(https?:\/\/[^\/]+).*$/,'$1'); |
|
5 |
|
|
6 |
function receiveMessage(evt) { |
|
7 |
var dataparts = evt.data.split(":"); |
|
8 |
switch(dataparts[0]) { |
|
9 |
case "play": |
|
10 |
video.play(); |
|
11 |
break; |
|
12 |
case "pause": |
|
13 |
video.pause(); |
|
14 |
break; |
|
15 |
case "timeupdate": |
|
16 |
video.currentTime = parseFloat(dataparts[1]); |
|
17 |
break; |
|
18 |
} |
|
19 |
} |
|
20 |
|
|
21 |
function sendMessage(msg) { |
|
22 |
if (window.opener) { |
|
23 |
window.opener.postMessage(msg, destination); |
|
24 |
} |
|
25 |
} |
|
26 |
|
|
27 |
window.addEventListener("message", receiveMessage, false); |
|
28 |
|
|
29 |
window.addEventListener("unload", function() { |
|
30 |
sendMessage("unload"); |
|
31 |
}, false); |
|
32 |
|
|
33 |
video.addEventListener("loadedmetadata", function() { |
|
34 |
sendMessage("loadedmetadata:"+video.duration); |
|
35 |
}, false); |
|
36 |
video.addEventListener("timeupdate", function() { |
|
37 |
sendMessage("timeupdate:"+video.currentTime); |
|
38 |
}, false); |
|
39 |
video.addEventListener("play", function() { |
|
40 |
sendMessage("play"); |
|
41 |
}, false); |
|
42 |
video.addEventListener("pause", function() { |
|
43 |
sendMessage("pause"); |
|
44 |
}, false); |
|
45 |
|
|
46 |
}, false); |