如何从某个时间开始预加载HTML5视频
How to start preloading HTML5 video from a certain time
有人能告诉我如何从某个时间开始预加载HTML5视频吗??
例如,我希望我的玩家从(00:15)开始预加载。我知道我们可以使用预加载属性从当前位置开始预加载,但如果我想让我的玩家从某个时间预加载视频呢。
您可以从只加载元数据开始,然后,一旦加载完成,将currentTime
设置为00:15,然后将preload
属性设置为auto。
为了确保数据开始加载,您可以触发video.play(); video.pause()
。
var vid = document.querySelector('video');
vid.onloadstart = function() {
log('loadstart at ' + this.currentTime);
};
vid.onloadedmetadata = function() {
log('loadedmetadata at ' + this.currentTime);
vid.currentTime = 15;
vid.setAttribute('preload', "auto");
vid.play();
vid.pause();
};
vid.onloadeddata = function() {
log('loadeddata at ' + this.currentTime);
};
function log(data) {
document.querySelector('#log').innerHTML += '<p>' + data + '</p>';
}
#log {
position: fixed;
bottom: 0;
right: 1em;
color: #FFF;
background-color: rgba(0, 0, 0, .5)
}
<video controls="true" preload="metadata" height="170">
<source type="video/ogg" src="http://media.w3.org/2010/05/bunny/movie.ogv">
<source type="video/mp4" src="http://media.w3.org/2010/05/bunny/movie.mp4">
</video>
<div id="log"></div>
相关文章:
- HTML5音频加载和播放获胜'我不能在iPad上工作
- HTML5在画布中加载较小的图像并保存实际大小的图像
- 在FF和IE中使用vimeo播放器的问题-加载flash播放器而不是使用HTML5播放器
- 未能加载,因为找不到支持的源.当播放HTML5音频元素时
- 动态加载的自定义javascript/jQuery/HTML5音频播放器的问题
- 如何从某个时间开始预加载HTML5视频
- 如何保存和加载HTML5画布到&来自localStorage
- Ruby on rails javascript没有;无法正确加载(HTML5模板)
- 在移动Safari上预加载HTML5应用程序的图像
- 在页面的其余部分完成加载后,延迟加载html5视频
- 从Array加载HTML5视频播放器
- 在Android上加载HTML5应用程序速度较慢
- 预加载HTML5视频以实现流畅的AJAX页面转换
- 如何在开始之前加载HTML5 Canvas游戏
- 如何查找系统's音频驱动状态加载html5页面
- Netbeans不会加载html5视频
- 如何使用KeyUp设置此输入框以加载HTML5音频源
- 使用 Modernizr 加载 HTML5 Shiv 的性能
- 在 Safari 中从 CDN 完全预加载 html5 视频
- 在移动Safari中预加载HTML5音频