[html5]html5视频列表循环播放的源代码例子

[html5]html5视频列表循环播放的源代码例子

<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' ]; // 初始化播放列表 var 
                vLen = 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> 

来源：http://blog.csdn.net/fengzijinliang

支持html5的视频播放器下载：

酷播v4.0免费播放器最新最简短代码范例

1. 增加播放器优先级选项；
2. 增加支持PC端和移动端的视频预览功能（收费预览视频功能）；
3. 增加微信中的logo显示 ( iOS下支持)；
4. 配合css样式，可以分别设定PC端和移动端不同尺寸宽高的播放器。
下载地址：