javascript - 启用/禁用全屏选项 video.js HTML5

Question

如何在 Wordpress 中从我的帖子标签 HTML 启用/禁用一个视频的全屏选项？我正在使用 Video.js .

我不想永远制作它，只是随时决定我想要哪个视频有或没有它。我尝试了 AllowFullScreen="true/false" 但它不起作用。

Answer 1

当前版本的 video-js (6.x.x) 也支持通过 fullscreenToggle 选项禁用全屏按钮。您可以像这样在播放器初始化期间简单地设置它:

videojs("my-video", {
    controlBar: {
      fullscreenToggle: false
    }
});

但是，我观察到这并不意味着您不能在移动设备上通过手势进入全屏。 (例如在 iPad 上反向捏合 - 两根手指在屏幕上并将它们分开)。那是另一个故事 - 我正在通过监听 fullscreenchange 事件并检查播放器的 isFullscreen() 状态来处理它(fullscreenchange 事件在打开时触发，但在全屏关闭时触发以及)，如果它处于全屏模式，那么我将调用 exitFullscreen() 函数。就像这样:

videojs("my-video",{controlBar: {fullscreenToggle: false}}).ready(function(){
    let myPlayer = this;
    myPlayer.on("fullscreenchange", function(){
        if(myPlayer.isFullscreen()){
            myPlayer.exitFullscreen();
        }
    });
});