<html>
<body>
<video id='video' name='media' height="480" width="854">
<source src='' type='video'>
</video>
<br>
Current time (seconds): <span id='videoCurTime'>0</span>
</body>
<script type="text/javascript">
var can_play = false;
var script_ready = false;
var finished_seeking = false;
var error_status = false;
(function() {
var timeEle = document.getElementById('videoCurTime');
video.addEventListener('timeupdate', function(event) {
timeEle.innerHTML = video.currentTime;
}, false);
})();
(function() {
video.addEventListener('canplay', function(event) {
can_play = true;
}, false);
})();
(function() {
video.addEventListener('error', function(event) {
error_status = true;
}, false);
})();
(function() {
video.addEventListener('seeked', function(event) {
finished_seeking = true;
}, false);
})();
(function() {
video.addEventListener('seeking', function(event) {
finished_seeking = false;
}, false);
})();
function loadVideoSource(video_source_path) {
video.src = video_source_path;
return true;
}
function canplay() {
return can_play;
}
function finishedSeeking() {
return finished_seeking;
}
function play() {
video.play();
}
function pause() {
video.pause();
}
function currentTime() {
return video.currentTime;
}
function errorDetected() {
return error_status;
}
function setControls() {
video.setAttribute("controls","true");
}
script_ready = true;
</script>
</html>