let mainVideo = $('video')[0]
/*加载进度*/
function loadbar() {
if (mainVideo.readyState === 4) {
let bufferIndex = mainVideo.buffered.length;
if (bufferIndex > 0 && mainVideo.buffered != undefined) {
let bufferValue = mainVideo.buffered.end(bufferIndex - 1) / mainVideo.duration * 进度条总长度;
$('.load').width(parseInt(bufferValue) + 'px');
if (Math.abs(mainVideo.duration - mainVideo.buffered.end(bufferIndex - 1)) < 1) {
$('.load').width(进度条总长度 + 'px');
}
}
}
}
音频 视频 加载进度 缓冲进度
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 要实现的效果如下 简单的步骤利用canvas画三个不同大小的圆,相互叠加,显示成为进度条,然后利用Animatio...
- 先来段html文件(此html直接加载的真机沙盒目录下的一张图,用WKWebView 加载无法显示) 原因:貌似是...
- 我们APP的核心功能实现方式为:原生和JS交互。这就需要频繁的互传数据,互传数据在这里就先不说,之后写的一篇,可以...
- 使用到的第三方库:NJKWebViewProgress 使用:采用代理方式,在代理中获取进度,并赋值给进度条。具体...
- 最近做项目的时候需要实现一个播放器,播放器拖动条需要实现 显示缓冲进度像这样: google上看见一些实现方案,一...