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){
isAllEnded = true;
}
}
<div id="playervideo" class="portfolio-slideshow flexslider animate-onscroll">
<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>
</div>
.testclass p{color:#f00;}
.testclass .vjs-tech,.testclass .vjs-has-started .vjs-control-bar {
pointer-events: none;
}