| <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; |
| var video_ended = 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() { |
| video.addEventListener('ended', function(event) { |
| video_ended = true; |
| }, 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 endOrError() { |
| return video_ended || error_status; |
| } |
| |
| |
| function setControls() { |
| video.setAttribute("controls","true"); |
| } |
| script_ready = true; |
| </script> |
| </html> |
