啓用/禁用全屏選項video.js HTML5

如何在Wordpress中啓用/禁用來自我的帖子標記HTML中的一個視頻的全屏選項？我正在使用Video.js。啓用/禁用全屏選項video.js HTML5

我不想永遠只做它，只要決定我想要的視頻或沒有它，隨時隨地。我試過AllowFullScreen="true/false"但它不起作用。

2014-01-27 cjrodero

[禁用]（https://github.com/videojs/video.js/blob/v4.3.0/docs/api/vjs.FullscreenToggle.md#disable）或[OFF] （https://github.com/videojs/video.js/blob/v4.3.0/docs/api/vjs.FullscreenToggle.md#off-type-fn-） –

翻閱video.js文檔，獲取名爲FullscreenToggle的子組件是一個相當複雜的過程。對我來說，只有myPlayer.children()[5].children()[7]的伎倆，在myPlayer這裏定義：

videojs("lodestar_video").ready(function(){ 
    myPlayer = this; 
});

但是，調用.disable()和.disposed()沒有工作並返回undefined。

對我來說有效的是CSS解決方案：確保它不出現使用display:none，然後設置適當的邊距，以便音量控制不會出現問題。

.vjs-fullscreen-control { 
    display: none; 
} 

.vjs-default-skin .vjs-volume-control { 
    margin-right: 20px; 
}

這樣做的缺點是小的開銷，因爲仍然創造了全屏按鈕，加載，不僅沒有顯示，但是這應該是加載整個視頻的光幾乎可以忽略不計。

來源

2014-12-29 04:45:03 Huey

Add！important .vjs-fullscreen-control { 顯示：無！重要; } .vjs-default-skin .vjs-volume-control {margin_right：20px！important; } –

添加類視頻如下

.vjs-nofull .vjs-fullscreen-control { display:none; } 到

<video class="video-js vjs-default-skin vjs-nofull" ....></video>

希望工程

來源

2016-09-01 09:22:09

當前視頻JS（6.XX）支持也禁止全屏按鈕的版本通過fullscreenToggle選項。你可以像這樣的球員的初始化過程中只需設置：

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

但是，我認爲，它不意味着你不能在移動設備上輸入由手勢全屏。（例如，在iPad上反向捏 - 屏幕上的兩根手指並將它們移開）。那是另一個故事 - 即時消息處理它通過收聽fullscreenchange事件和檢查isFullscreen()玩家的狀態（fullscreenchange事件觸發器在開啓時，但在關閉全屏時也是如此），如果它在全屏幕然後我叫exitFullscreen()功能。只是這樣的：

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

來源

2017-11-09 15:00:57 kudlohlavec

啓用/禁用全屏選項video.js HTML5

回答

相關問題