html自动循环播放视频列表

有多个视频，一个播放完以后另一个播放，知道最后，再从头循环播放。
代码如下：

<video id="video1" class="indexBanner" autoplay><!-- <source src="vedio/first.mp4" type="video/mp4" /><source src="vedio/second.mp4" type="video/mp4" /> --> <!-- <source src="vedio/second.ogg" type="video/ogg" /> -->Your browser does not support HTML5 video. </video><script type="text/javascript">debugger;var vList = [ 'vedio/first.mp4', 'vedio/second.mp4' ]; // 初始化播放列表 varvLen = vList.length; // 播放列表的长度var curr = 0; // 当前播放的视频 var video = document.getElementById("video1");video.addEventListener('ended', play);play();function play() {var video = document.getElementById("video1");video.src = vList[curr];video.load(); //如果短的话，可以加载完成之后再播放，监听 canplaythrough 事件即可video.play();curr++;if (curr >= vLen)curr = 0; // 播放完了，重新播放}</script>

很简单，就是简历一个数组，存放视频文件；然后对vedio设置src属性，就是逐个添加视频文件，并监听播放是否结束；结束就修改src，换成下一个视频；如此循环。

html自动循环播放视频列表相关推荐

Android开机自动循环播放视频
主配置文件: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=& ...
安卓开发，拼接屏幕、大屏幕、户外广告无人值守循环播放视频，图片。开机自动播放，断电后自动播放，重起后自动播放功能
安卓开发,拼接屏幕.大屏幕.户外广告无人值守循环播放视频,图片.开机自动播放,断电后自动播放,重起后自动播放功能因客户要求,开机自动播放视频,不需要电脑控制,通电自动循环播放视频. 电脑成本太高,最 ...
html5播放视频自动循环播放,HTML5 通过Vedio标签实现视频循环播放的示例代码
要实现网页播放视频在HTML5以前是通过标签标签的作用是在 HTML页面中嵌入多媒体元素标签的作用是在 HTML页面中嵌入多媒体元素存在的问题: 需要flash,效率低如果浏览器不支持 Fla ...
自动循环播放的MP3播放器
[实现内容]自动循环播放的MP3播放器 [应用]自动循环播放的MP3播放器主要用于企业文化的应用.在每天的休息时段,播放器自动循环播放指定的MP3音乐.本自动播放器主要根据本公司的情况编写,包括早上上 ...
OpenCV重复播放摄像头视频，循环播放摄像头(视频)文件，循环播放视频中某一段视频
OpenCV中使用摄像头录像并保存并不难实现,本文针对摄像头实时帧画面进行记录,并重复播放视频文件的读取和处理方法类似,首先,本文对摄像头进行采集和实时帧画面显示. #include <ope ...
video自动循环播放设置
方法一:在video标签上直接添加autoplay 和loop属性,但直接添加需手动点击播放才可自动循环播放,想要一打开就让video自动循环播放需要添加muted属性,具体代码实现如下: <v ...
PPT2010中轻松实现PPT自动循环播放
在产品展销会.人才招聘会时,我们可能会需要PPT自动循环播放.在PPT2010中可以很轻松地实现自动循环播放效果. 设置放映法在PPT 2010中,通过排练计时已经可以让PPT自动播放,但只能自动播 ...
HTML页面背景音乐自动循环播放
在Chrome上写的一个HTML设置背景音乐自动循环播放的时候 <audio autoplay="autoplay" loop="loop" contro ...
audio标签无法自动循环播放问题
项目中有类似于美团外卖那种语音提示,如果有人预约,就会有消息提示,但是Chorme浏览器无法自动循环播放,之前在网上各种百度也没找到解决办法,最后经过一番努力,终于实现了这种效果.代码如下: //这是 ...

html自动循环播放视频列表

html自动循环播放视频列表相关推荐

最新文章

热门文章