在android 设备上,video.js上蒙层无法显示?应该怎么修改?
在android 设备上,video.js上蒙层无法显示?微信中是可以展示出来的?
player = videojs('my-video', {
controls: true, // 是否显示控制条
// poster: '',
preload: 'auto',
autoplay: false,
fluid: true, // 自适应宽高
language: 'zh-CN', // 设置语言
muted: false, // 是否静音
inactivityTimeout: false,
controlBar: { // 设置控制条组件
/* 使用children的形式可以控制每一个控件的位置,以及显示与否 */
children: [{
name: 'playToggle'
}, // 播放按钮
{
name: 'currentTimeDisplay'
}, // 当前已播放时间
{
name: 'progressControl'
}, // 播放进度条
{
name: 'durationDisplay'
}, // 总时间
{
name: 'FullscreenToggle'
},
{
name: 'volumePanel', // 音量控制
inline: false, // 使用水平方式
}
]
},
}, function () {
let cover = document.getElementById('my-video')
.getBoundingClientRect();
this.on('timeupdate', function () {
videoMask = videoMask ? videoMask : document.getElementById('my-video')
.getBoundingClientRect();
if (this.currentTime() > 300) {
exitFull();
$("#videoMask").css({
'width': '100vw',
'height': videoMask.height + 'px',
'background-color': 'rgba(0,0,0,.9)',
'z-index': '99999999999',
'position': 'absolute',
'top': 0,
'left': 0,
'display': 'flex',
'align-items': 'center',
'justify-content': 'center',
'cursor': 'pointer'
})
}
})
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
现在的解决方法是,在需要展示蒙层的时,销毁player。