<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 finished_seeking = false;
(function() {
var timeEle = document.getElementById('videoCurTime');
video.addEventListener('timeupdate', function(event) {
timeEle.innerHTML = video.currentTime;
}, false);
})();
(function() {
video.addEventListener('canplaythrough', function(event) {
can_play = 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;
}
</script>
</html>