Youtube iframe禁用暂停视频

Question

我需要在我的网页上播放视频.但我需要否认控制权.我把"controls = 0",但是当我点击它时玩家有暂停动作.我可以在YouTube播放器中禁用"暂停"操作吗？

Answer 1

您可以尝试在视频上放置一个div容器,但不包含任何内容.换句话说,空白容器的大小与视频本身相同.这应该做的是当有人试图点击它时,他们实际上会点击它上面的透明容器而无法暂停.这应该工作.您可能还需要更改z-index以确保空白div容器确实在视频上方.(首先用背景颜色测试div容器,如果彩色框覆盖了视频,那么你可以返回并删除颜色,它也会起作用.)祝你好运.

此外,将disablekb参数设置为1,以便用户即使按空格键也无法暂停.

Answer 2

在DOM元素上使用以下CSS:

.ytplayer {pointer-events: none;}

Answer 3

如果您通过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>

添加你选择的类名,我选择ytplayer

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;
}

应该这样做.

Answer 4

没有办法完全禁用暂停。

您可以YT.PlayerState.PAUSED在onStateChange处理程序中侦听事件，并在检测到事件时立即调用 playVideo()，但是...我不知道，这听起来对用户不太友好。