videojs双击禁用全屏

时间:2018-11-15 07:49:19

标签: fullscreen video.js

我想完全禁用全屏功能。 我这样删除了全屏按钮。

  <intent-filter android:autoVerify="true">
    <action android:name="android.intent.action.VIEW" />

    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />

    <data android:host="myapp.page.link" android:scheme="http"/>
    <data android:host="myapp.page.link" android:scheme="https"/>
  </intent-filter>

但是,双击它仍然可以全屏显示。 如何禁用双击?

4 个答案:

答案 0 :(得分:2)

Darius Oleskevicius帮助我在videojs github页面上找到了答案:https://github.com/videojs/video.js/issues/5604

当前的dblclick处理程序未考虑是否禁用了全屏切换。默认情况下它是打开的,并且当前没有可设置的选项来禁用它。到目前为止,您可以尝试取消dblclick技术上的监听器(见下文)。

player.ready(function() {
 player.tech_.off('dblclick');
});

此外,如果您使用重置功能,则必须再次删除dblclick事件监听器。

答案 1 :(得分:1)

从 Video.js 7.5.0 开始,可以选择直接关闭它

videojs("my-player", {
    userActions: {
        doubleClick: false
    }
});

答案 2 :(得分:0)

您可以使用CSS初始化各种控制栏对象 是否存在。

例如,参见:https://github.com/videojs/video.js/issues/2507

对于您的情况,只需使用:

<style>
    		.video-js .vjs-fullscreen-control { display: none; }
</style>

编辑:

好吧,我知道“双击”是怎么回事!

我仍然使用videojs版本5运行所有视频页面。
确切地说是5.11.9版。

而且,事实证明当时双击视频没什么。

最重要的是,如果您确实要“禁用“双击全屏”, 可以办到。只需使用5.x,而不是6.x或7.x

说了这么多,我现在必须将此视为7.x(和6.x)中的错误。
videojs内的代码应测试全屏控制 是否存在,如果不存在,则双击不应全屏显示。

版本列表在这里:https://github.com/videojs/video.js/releases

答案 3 :(得分:0)

我刚刚添加了 controlsList="nofullscreen" 属性。但是在点击中心播放视频将不起作用。所以我添加了 onclick="vd.play()" 属性。 <video id="vd" src="video.mp4" onclick="vd.play()" disablePictureInPicture controls controlsList="nofullscreen"></video>