html5 video 试看 怎么实现
答案:2 悬赏:20 手机版
解决时间 2021-12-22 12:41
- 提问者网友:战魂
- 2021-12-22 02:46
html5 video 试看 怎么实现
最佳答案
- 五星知识达人网友:青尢
- 2021-12-22 03:22
new个video,指定播放列表的第一个视频路径为src。监听end事件,回调里面把video的src改成列表的下一个,再play
代码示例:
var vList = ['视频地址url1', 'url2', '...']; // 初始化播放列表
var vLen = vList.length; // 播放列表的长度
var curr = 0; // 当前播放的视频
var video = new Video();
video.addEventListener('end', play);
play();
function play(e) {
video.src = vList[curr];
video.load(); // 如果短的话,可以加载完成之后再播放,监听 canplaythrough 事件即可
video.play();
curr++;
if (curr >= vLen) curr = 0; // 播放完了,重新播放
}
可以实现html5 播放多个视频。一个接一个的播放
代码示例:
var vList = ['视频地址url1', 'url2', '...']; // 初始化播放列表
var vLen = vList.length; // 播放列表的长度
var curr = 0; // 当前播放的视频
var video = new Video();
video.addEventListener('end', play);
play();
function play(e) {
video.src = vList[curr];
video.load(); // 如果短的话,可以加载完成之后再播放,监听 canplaythrough 事件即可
video.play();
curr++;
if (curr >= vLen) curr = 0; // 播放完了,重新播放
}
可以实现html5 播放多个视频。一个接一个的播放
全部回答
- 1楼网友:行路难
- 2021-12-22 04:27
html5是html的最新标准,虽然还不是很完善,但是有些浏览器已经支持html5的某些特性了。目前,firefox,opera,chorme和ie9都支持html5,可是ie6-ie8就不支持了。因为360,遨游,世界之窗那些的都是用ie的内核,实际上就跟ie差不多,所以呢也是不支持html5的。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯