VideoJs 控制栏在智能电视和某些移动浏览器上单击或悬停时不显示



我已经用这段代码初始化了我的播放器。除了智能电视和某些手机浏览器外,它适用于所有内容。我的怀疑猜测是由于这些设备上的触摸事件。但是我已经用了所有的周转,但没有一个奏效。

videoplayer = videojs(mId+'-'+season+'-'+episode, {
                        height: '100%',
                        width: '100%',
                        poster: poster,
                        controls: true ,
                        autoplay:false,
                        preload: 'auto',
                        sources: nsrc,
                        techOrder: ['html5', 'flash'],
                        plugins: {
                            chromecast:{
                             appId:'F6399642',
                             metadata:{
                               title: mId,
                               subtitle:'Synopsis display on tech wrapper',
                             }
                          },
                            videoJsResolutionSwitcher: {
                                default: 480,
                                dynamicLabel: false
                            }
                        }
                    });

我目前使用过这个功能,但它也没有用。我被这个错误困了这么久

 //Fixing Tv Player
               videoplayer.on('click touchstart', function(){ 
              videoplayer.controlBar.addClass('vjs-hidden'); 
            });
            videoplayer.on('click', function(){ 
              videoplayer.controlBar.removeClass('vjs-hidden'); 
            });

经过很多头部撞击,我找到了修复方法。该错误位于 videojs 的 chromecast 插件中,我在为未知浏览器禁用 chromecast 插件后修复了它。

相关内容

最新更新