1*9c5db199SXin Li<!DOCTYPE HTML> 2*9c5db199SXin Li<html> 3*9c5db199SXin Li <head> 4*9c5db199SXin Li <style> 5*9c5db199SXin Li #video { 6*9c5db199SXin Li min-width: 100%; 7*9c5db199SXin Li max-width: 100%; 8*9c5db199SXin Li min-height: 100%; 9*9c5db199SXin Li max-height: 100%; 10*9c5db199SXin Li } 11*9c5db199SXin Li </style> 12*9c5db199SXin Li </head> 13*9c5db199SXin Li 14*9c5db199SXin Li <body style="margin: 0px;"> 15*9c5db199SXin Li <video id='video' name='media'> 16*9c5db199SXin Li <source src='test.mp4' type='video/mp4'> 17*9c5db199SXin Li </video> 18*9c5db199SXin Li </body> 19*9c5db199SXin Li 20*9c5db199SXin Li <script type="text/javascript"> 21*9c5db199SXin Li var can_play = false; 22*9c5db199SXin Li var script_ready = false; 23*9c5db199SXin Li var finished_seeking = false; 24*9c5db199SXin Li var error_status = false; 25*9c5db199SXin Li 26*9c5db199SXin Li (function() { 27*9c5db199SXin Li video.addEventListener('canplay', function(event) { 28*9c5db199SXin Li can_play = true; 29*9c5db199SXin Li }, false); 30*9c5db199SXin Li })(); 31*9c5db199SXin Li 32*9c5db199SXin Li (function() { 33*9c5db199SXin Li video.addEventListener('error', function(event) { 34*9c5db199SXin Li error_status = true; 35*9c5db199SXin Li }, false); 36*9c5db199SXin Li })(); 37*9c5db199SXin Li 38*9c5db199SXin Li (function() { 39*9c5db199SXin Li video.addEventListener('seeked', function(event) { 40*9c5db199SXin Li finished_seeking = true; 41*9c5db199SXin Li }, false); 42*9c5db199SXin Li })(); 43*9c5db199SXin Li 44*9c5db199SXin Li (function() { 45*9c5db199SXin Li video.addEventListener('seeking', function(event) { 46*9c5db199SXin Li finished_seeking = false; 47*9c5db199SXin Li }, false); 48*9c5db199SXin Li })(); 49*9c5db199SXin Li 50*9c5db199SXin Li function loadVideoSource(video_source_path) { 51*9c5db199SXin Li video.src = video_source_path; 52*9c5db199SXin Li return true; 53*9c5db199SXin Li } 54*9c5db199SXin Li 55*9c5db199SXin Li function canplay() { 56*9c5db199SXin Li return can_play; 57*9c5db199SXin Li } 58*9c5db199SXin Li 59*9c5db199SXin Li function finishedSeeking() { 60*9c5db199SXin Li return finished_seeking; 61*9c5db199SXin Li } 62*9c5db199SXin Li 63*9c5db199SXin Li function play() { 64*9c5db199SXin Li video.play(); 65*9c5db199SXin Li } 66*9c5db199SXin Li 67*9c5db199SXin Li function pause() { 68*9c5db199SXin Li video.pause(); 69*9c5db199SXin Li } 70*9c5db199SXin Li 71*9c5db199SXin Li function currentTime() { 72*9c5db199SXin Li return video.currentTime; 73*9c5db199SXin Li } 74*9c5db199SXin Li 75*9c5db199SXin Li function errorDetected() { 76*9c5db199SXin Li return error_status; 77*9c5db199SXin Li } 78*9c5db199SXin Li 79*9c5db199SXin Li function setControls() { 80*9c5db199SXin Li video.setAttribute("controls", "true"); 81*9c5db199SXin Li } 82*9c5db199SXin Li script_ready = true; 83*9c5db199SXin Li </script> 84*9c5db199SXin Li 85*9c5db199SXin Li</html> 86