[HTML5]视频播放列表的示例源代码

[HTML5]视频播放列表的示例源代码

<video  id="myvideo" width="100%" height="auto" controls="controls" >   
            你的浏览器不支持HTML5播放此视频   
<span style="white-space:pre">    </span><!-- 支持播放的文件格式 -->   
    <source src="video/01.mp4" type='video/mp4' />    
</video>   

<script language="javascript">     
                        $(document).ready(function(){   
                             video.play();     
                        });   
                           
                        var vList = ['video//01.mp4', 'video//1.mp4', 'video//02.mp4']; // 初始化播放列表     
                        var vLen = vList.length;    
                        var curr = 0;    
                        var video = document.getElementById("myvideo");     
                        video.addEventListener('ended', function(){   
                            play();   
                        });     
                            
                        function play() {     
                            video.src = vList[curr];     
                            video.load();      
                            video.play();     
                            curr++;     
                            if(curr >= vLen){     
                                curr = 0; //重新循环播放   
                            }     
                             
                        }     
                        </script>     

来源：http://blog.csdn.net/clypm/article/details/50324801