2014-11-01 138 views

回答

1

的HTML5视频元素让你开始使用您的网页上的视频内容。通过添加JavaScript,您可以编程方式创建自定义播放控件,获取并设置当前播放位置,并更改当前视频。您也可以应用执行时间。

你的HTML的变化:

<video controls preload="metadata" id="Video1"> 
<source src="http://example.com/myvideo.mp4" type="video/mp4"> 
</video> 

JS代码:

var video = document.getElementById("Video1"); 
if (video.canPlayType) { // tests that we have HTML5 video support 
    video.addEventListener("canplay", function(){ 
       setTime(483); //specified time 
    }, false); 
} 

时刻设定功能:

function setTime(tValue) { 
      // if no video is loaded, this throws an exception 
       try { 
        if (tValue == 0) { 
         video.currentTime = tValue; 
        } 
        else { 
         video.currentTime += tValue; 
        } 

       } catch (err) { 
        // errMessage(err) // show exception 
       console.log("Video content might not be loaded"); 
        } 
     } 

您可以GE在Using JavaScript to control the HTML5 video player

+1

@Arturo,你说得对吗? – Mazzu 2014-11-21 04:27:59

4

按这个问题

Setting HTML5 audio position

为了支持寻求和播放的区域是 尚未下载的媒体,蛤蚧使用HTTP 1.1字节范围请求到 从查找目标位置检索媒体。另外,如果你 不用于X-内容时长头,蛤蚧使用字节范围请求 寻求媒体的结束(假设你所服务的内容长度 头),以确定的期限媒体。

你可以使用jQuery

$('video').bind('canplay', function() { 
    this.currentTime = 483; 
}); 
1

的“#T”语法是W3C的媒体片段URI规范的一部分t时的细节,可以发现here.this文章,IE不支持此功能,但其他主流浏览器做。所以你将不得不使用JavaScript来控制播放,直到IE为这个规范提供支持。

有趣的是,我能够找到一个IE用户的关于这个问题反馈给微软的IE反馈门户网站。让我分享一下吧here.