手机版chrome强制html5,google-chrome – 使用Javascript强制完整的预载HTML5视频?

该博客介绍了如何使用JavaScript动态添加视频源,并监听视频加载进度。通过`addSourceToVideo`函数,分别添加了.ogv和.mp4格式的视频源,并在视频元素上注册了`progress`事件处理器,用于跟踪视频加载状态。当视频加载达到100%时,进行额外处理。
摘要由CSDN通过智能技术生成

function addSourceToVideo(element, src, type) {

var source = document.createElement('source');

source.src = src;

source.type = type;

element.appendChild(source);

}

var video;

$(document).ready(function(){

video = document.getElementsByTagName('video')[0];

addSourceToVideo( video, "http://your-server.com/clip.ogv", "video/ogv");

addSourceToVideo( video, "http://your-server.com/clip.mp4", "video/mp4");

video.addEventListener("progress", progressHandler,false);

});

progressHandler = function(e) {

if( video.duration ) {

var percent = (video.buffered.end(0)/video.duration) * 100;

console.log( percent );

if( percent >= 100 ) {

console.log("loaded!");

}

video.currentTime++;

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值