设置video js多视频连续播放

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

<div id="playervideo" class="portfolio-slideshow flexslider animate-onscroll">       <!-- Video player -->                        <!--poster is 缩略图-->                              <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" poster="video/demo.jpg" data-setup="{}" height="500" width="100%">          <source src="video/demo.mp4" type='video/mp4' />        </video>                        <script language="javascript">      var vList = ['video//demo.mp4', 'video//demo01.mp4', 'video//demo.mp4']; // 初始化播放列表      var vLen = vList.length; // 播放列表的长度      var curr = 0; // 当前播放的视频            var video = document.getElementById("example_video_1");            /*var video = document.createElement("VIDEO");      video.setAttribute("width", "100%");      video.setAttribute("height", "500");      video.setAttribute("id", "example_video_1");      video.setAttribute("class", "video-js vjs-default-skin");      video.setAttribute("preload", "none");      video.setAttribute("poster", "video//demo.jpg");      video.setAttribute("data-setup", "{}");      video.setAttribute("controls", "yes");      document.getElementById("playervideo").appendChild(video);*/      //document.body.appendChild(video);      video.addEventListener('ended', play);      play();      function play(e) {       video.src = vList[curr];       video.load();        video.play();       curr++;       if(curr >= vLen){        curr = 0; // 播放完了，重新播放       }            }      </script>      <!-- /Video player -->       </div>

           

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow