首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >videojs双击关闭全屏

videojs双击关闭全屏
EN

Stack Overflow用户
提问于 2018-11-15 15:49:19
回答 4查看 2.2K关注 0票数 1

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

代码语言:javascript
运行
复制
videojs('videoPlayer', {
            controlBar: {
                fullscreenToggle: false
            }
        });

但双击时,它仍然会进入全屏。如何禁用双击?

EN

回答 4

Stack Overflow用户

发布于 2018-11-19 20:09:01

Darius Oleskevicius在videojs github页面上帮助我回答了这个问题:https://github.com/videojs/video.js/issues/5604

当前的dblclick处理程序不会考虑是否禁用全屏切换。它在默认情况下是打开的,并且当前没有可设置的选项来禁用它。到目前为止,你可以尝试在tech上取消dblclick listener (见下文)。

代码语言:javascript
运行
复制
player.ready(function() {
 player.tech_.off('dblclick');
});

另外,如果您使用重置函数,您必须再次删除dblclick事件侦听器。

票数 2
EN

Stack Overflow用户

发布于 2021-01-29 19:06:18

从Video.js 7.5.0开始,有一个选项可以直接将其关闭

代码语言:javascript
运行
复制
videojs("my-player", {
    userActions: {
        doubleClick: false
    }
});
票数 1
EN

Stack Overflow用户

发布于 2018-11-16 14:30:50

您可以使用CSS将各种控制栏对象初始化为存在或不存在。

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

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

代码语言:javascript
运行
复制
<style>
    		.video-js .vjs-fullscreen-control { display: none; }
</style>

编辑:

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

我仍然运行我所有的视频页面,使用的是videojs版本5。

确切地说,是5.11.9版。

而且,事实证明,双击当时的视频没有任何作用。

所以,底线是,如果你真的想禁用‘双击全屏’,那是可以做到的。只需使用5.x,而不是6.x或7.x

话虽如此,我现在不得不认为这是7.x (和6.x)中的一个bug。

videojs中的代码应该测试全屏控件是否存在,如果不存在,双击应该不会转到全屏。

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53314628

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档