android蒙层动态消失,在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'

})

}

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值