问题描述
这是我经过的options
对象。
我在 Vue 3 Composition API 上运行它。但是,LIVE 标签不会与纯 HTML 文件一起显示。使用 VueJS,LIVE 标签出现了。这是图片参考
const options = {
'autoplay': true,'controls': true,'liveui': false,'controlBar': {
'livedisplay': false,'pictureInPicturetoggle': false,'mutetoggle': false,},'sources': [{
'src': 'https://vjs.zencdn.net/v/oceans.mp4','type': 'video/mp4'
}]
}
player.value = videojs(videoPlayer.value,options,function onPlayerReady() {
console.log('onPlayerReady>>>>>>>');
})
解决方法
找到解决方案。
必须在 'seekToLive': false
对象中添加 controlBar
。
这是我的最终选项对象
const options = {
'autoplay': true,'controls': true,'liveui': false,'controlBar': {
'liveDisplay': false,'pictureInPictureToggle': false,'muteToggle': false,'seekToLive': false
},'sources': [{
'src': 'https://vjs.zencdn.net/v/oceans.mp4','type': 'video/mp4'
}]
}