SOURCE

console 命令行工具 X clear

                    
>
console
var vList = ['http://video.chinanews.com/flv/gg/170918/1.mp4', 'http://videoclips.chinanews.com/oss/onair/zxw/szuser/9d28c42f4e654ed2baffe606f0b9ef48_37.mp4', 'http://video.chinanews.com/flv/2018/06/29/400/98482_web.mp4']; // 初始化播放列表
						var vLen = vList.length; // 播放列表的长度
						var curr = 0; // 当前播放的视频
            var isAllEnded = false;//所有视频是否都已播放完成(所有视频只播放一次)
						
						var player = videojs("example_video_1");
						
						player.on("ended",play);

						play();
						function play(e) {
              if(isAllEnded){
                return false;
              }
              if(curr == 0){
                $("#playervideo").addClass("testclass");
                $(".testclass .video-js").on("click",function(){
                  window.open("http://www.baidu.com");
                });
              }else{
                $("#playervideo").removeClass("testclass");
                 $(".video-js").off("click");
              }
							player.src(vList[curr]);
							player.load(vList[curr]); 
							player.play();
							curr++;
							if(curr >= vLen){
								//curr = 0; // 播放完了,重新播放
                isAllEnded = true;
							}
						
						}
<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="http://www.chinanews.com/part/home2013/451/U619P4T451D5F17250DT20180629113240.jpg"
	 data-setup="{}" width="500">
		<source src="http://video.chinanews.com/flv/2018/06/28/400/98449_web.mp4" type='video/mp4' />
	</video>
	<p>测试动态添加类中的样式</p>
	<!-- /Video player -->
</div>
.testclass p{color:#f00;} 
.testclass .vjs-tech,.testclass .vjs-has-started .vjs-control-bar {
    pointer-events: none;
}

本项目引用的自定义外部资源