Youtube Iframe禁用暫停視頻

Question

我需要在我的網頁上播放視頻。但我需要否認控制。 我把「controls = 0」，但是當我點擊它時，播放器會暫停動作。 我可以在YouTube播放器中禁用「暫停」操作嗎？

Answer 1

有沒有方法來禁用完全暫停。

您可以在onStateChange處理程序中偵聽YT.PlayerState.PAUSED事件，並在檢測到某個事件時立即調用playVideo（），但是......我不知道這聽起來像是不會非常用戶友好。

Answer 2

「？控制= 0」只隱藏在播放器底部的控制面板，但同時在屏幕上播放點擊/暫停將恢復正常

這裏的控制參數值：

• 控制= 0 - 播放器控件不顯示在播放器中。對於AS3 播放器，Flash播放器會立即加載。
• controls = 1 - 播放器中的播放器控件顯示。對於AS3播放器， Flash播放器立即加載。
• controls = 2 - 播放器控件顯示在播放器中。對於AS3播放器， Flash播放器加載用戶啓動視頻播放。

檢查這篇文章這是真正有用的 https://developers.google.com/youtube/player_parameters

Answer 3

您可以嘗試在視頻上放一個div容器，而不需要任何東西。換句話說，一個與視頻本身尺寸相同的空白容器。這個應該做的是，當有人試圖點擊它時，他們實際上會點擊它上面的透明容器，並且無法暫停。這應該工作。您可能還需要更改z-index以確保空白div容器真正在視頻上。 （首先測試div容器的背景顏色，如果彩色框覆蓋視頻，則可以返回並移除顏色，並且它會起作用。）祝您好運。

另外，將disablekb參數設置爲1，以便用戶不能通過空格鍵暫停。

Answer 4

使用以下命令：

ytplayer {pointer-events: none;} 

Answer 5

這裏是阻止屏幕，使用戶無法點擊任何東西的方式。

// block screen so user cant click 
var blockDiv = $(document.createElement('div')) 
     .attr('id', 'blockDiv') 
     .height('100%').width('100%') 
     .css({'z-index':'3333', 'position' : 'absolute', 'top': '0', 'left':'0'}); 
$('body').append(blockDiv); 

Answer 6

如果您通過HTML顯示視頻，並且可以訪問用於顯示視頻的CSS類，則可以執行以下操作。

你的HTML會是這個樣子：

<iframe id="ytplayer" type="text/html" width="720" height="405" 
src="https://www.youtube.com/watch?v=z4O-5eV4LiA" 
frameborder="0" allowfullscreen> 

添加你所選擇的類名，我選擇YouTube播放

class="ytplayer" 

它看起來像我的例子如下

<iframe class="ytplayer" id="ytplayer" type="text/html" width="720" height="405" 
src="https://www.youtube.com/watch?v=z4O-5eV4LiA" 
frameborder="0" allowfullscreen> 

然後在你的CSS文件中添加修改你的類的規則。我使用了ytplayer，但是你可以選擇一個不同的類名，確保它與你在上面使用的名稱相匹配。

.ytplayer { 
pointer-events: none; 
position: absolute; 
} 

應該這樣做。