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

Question

我已经用这段代码初始化了我的播放器。除了智能电视和某些 phone 浏览器外，它在所有设备上都能正常工作。我怀疑这是由于这些设备上的触摸事件造成的。但我已经使用了每一个转机，但 none 有效。

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

Answer 1

经过大量的努力，我找到了解决方法。该错误存在于 videojs 的 chromecast 插件中，我在禁用未知浏览器的 chromecast 插件后修复了它。

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

VideoJs Control bar doesn't shows up on click or hover on smart tv and some mobile browsers

javascript

jquery

video.js