Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.3k views
in Technique[技术] by (71.8m points)

在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'
                        })
                    }
                })

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

现在的解决方法是,在需要展示蒙层的时,销毁player。

player.dispose();

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...