• 欢迎访问duantianhen的网站,主要总结PHP、Go、服务器、前端、推荐使用最新版火狐浏览器和Chrome浏览器访问本网站

videojs使用:视频自动播放

前端 admin 11个月前 (04-22) 237次浏览 已收录 0个评论

HTML代码

<video controls=”controls” controlslist=”nodownload” id=”mobile_video” class=”video-js vjs-default-skin vjs-big-play-centered” style=”width: 100%;”>
<source src=”xxx” type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
您的浏览器不支持 video 标签。
</video>

videojs和css引入:

<link href=”http://vjs.zencdn.net/6.6.3/video-js.css&#8221; rel=”stylesheet”>
<script src=”http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js”></script&gt;
<script src=”http://vjs.zencdn.net/6.6.3/video.js”></script&gt;

设置

var myPlayer = videojs(‘mobile_video’);  //初始化myPlayer变量对象
videojs(“mobile_video”).ready(function(){
var myPlayer = this;
var play = GetRequest();
if(play){
myPlayer.play();
}

});
myPlayer.on(“ended”, function(){
var nextid = $(“#iscurrent”).parents(‘.js_item’).next().find(‘.othervideo’).data(“id”);
if(nextid > 0 && nextid != “undefind”){
window.location.replace(‘/video/List/info/id/’+nextid+’.html?play=1′);
}else{
alert(“此章节已全部播放完毕! “);
}
console.log(“end”, this.currentTime());
});
function GetRequest() {
var url = location.search; //获取url中”?”符后的字串
var str = ”;
if (url.indexOf(“?”) != -1) {
str = url.substr(1);
}
console.log(str);
return str;
}

 


本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:videojs使用:视频自动播放
喜欢 (0)

您必须 登录 才能发表评论!