blob: 4d9febefb6aa1ddb4270be591a217d17f69cdd46 [file] [log] [blame]
<!DOCTYPE html>
<script>
function canplaythrough() {
parent.postMessage("Video loaded", "*");
}
function fullscreenChanged() {
parent.postMessage("SUCCEED - entered full screen!", "*");
}
onload = function() {
var video = document.getElementById('video');
var mediaFile = "../../media/content/test.ogv";
video.src = mediaFile;
video.addEventListener('canplaythrough', canplaythrough);
video.addEventListener('webkitfullscreenchange', fullscreenChanged);
video.onclick = function(event) {
video.webkitRequestFullscreen();
// cancel the activation behavior (click to play/pause)
event.preventDefault();
};
}
</script>
<video id="video" controls width="320" height="240"></video>