工作,我有下面的代码,与开始于第二个483。它工作正常,除了IE10大多数浏览器的视频,它开始于0:00。HTML5视频播放器的开始时间不上的Internet Explorer
<video controls preload="metadata">
<source src="http://example.com/myvideo.mp4#t=483" type="video/mp4">
</video>
工作,我有下面的代码,与开始于第二个483。它工作正常,除了IE10大多数浏览器的视频,它开始于0:00。HTML5视频播放器的开始时间不上的Internet Explorer
<video controls preload="metadata">
<source src="http://example.com/myvideo.mp4#t=483" type="video/mp4">
</video>
的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");
}
}
按这个问题
为了支持寻求和播放的区域是 尚未下载的媒体,蛤蚧使用HTTP 1.1字节范围请求到 从查找目标位置检索媒体。另外,如果你 不用于X-内容时长头,蛤蚧使用字节范围请求 寻求媒体的结束(假设你所服务的内容长度 头),以确定的期限媒体。
你可以使用jQuery
$('video').bind('canplay', function() {
this.currentTime = 483;
});
@Arturo,你说得对吗? – Mazzu 2014-11-21 04:27:59