<div id="videobody" style="background:url(images/bg.jpg);background-size:contain;" width="1024" height="640" align="center">'</div>
if (videojs.getAllPlayers().length > 0) {
var myplayer = videojs('my-video');
myplayer.dispose();
}
var videourl = 'https://xxx.ddd.tv/xxx.m3u8';
$('#videobody').html('<video id="my-video" class="video-js" width="1024" height="640" controlslist="nodownload" disablePictureInPicture></video>');
var myplayer = videojs('my-video', {
controls: true, //是否显示控制条
//poster: 'xxx', //视频封面图地址
preload: 'auto',
autoplay: true,
fluid: false, //自适应宽高
language: 'zh-cn', //设置语言
muted: false, //是否静音
inactivityTimeout: 3600,
controlslist:'nodownload',
controlBar: { //设置控制条组件
'liveDisplay':true,
//设置控制条里面组件的相关属性及显示与否
'currentTimeDisplay':true,
'timeDivider':true,
'durationDisplay':true,
'remainingTimeDisplay':false,
'pictureInPictureToggle':false,
volumePanel: {
inline: false,
}
},
sources:[{ // 视频源
src : videourl,
type : 'application/x-mpegURL',
}]
}, function () {
//console.log('视频可以播放了',this);
});
//myplayer.preload('auto');
//myplayer.muted(false);
//myplayer.play();
videojs.hook('beforeerror', (player, err) => {
//console.log('视频加载失败', player.src(), err);
// Video.js 在切换/指定 source 后立即会触发一个 err=null 的错误,这里过滤一下
if (err !== null) {
//myplayer.pause();
$('#videobody').html('<h1 style="color:#FF8D33;font-size:4em">视频加载失败</h1>');
}
//清除错误,避免 error 事件在控制台抛出错误
return null
});