YouTube上的iFrame禁用暂停视频(Youtube Iframe disable pause

2019-07-03 22:05发布

我需要我的网页上播放视频。 但我需要拒绝控制。 我把“控制= 0”,但球员有停顿的动作,当我点击它。 我可以禁用YouTube播放器“暂停”行动?

Answer 1:

有没有方法来禁用完全暂停。

你可以听YT.PlayerState.PAUSED在事件onStateChange处理程序,并立即拨打的playVideo(),当你发现一个,不过......我不知道,这听起来像它不会是很人性化的。



Answer 2:

你可以尝试把一个div容器在与没有它的视频。 换句话说空容器大小相同的视频本身。 这是什么应该做的是,当有人试图点击它,他们实际上将在它的透明容器上点击并不能暂停。 这应该工作。 您可能还需要改变的z-index以确保空白的div容器是真正在视频上。 (测试的div容器先用背景颜色,如果颜色框覆盖了视频,然后你就可以回去和删除的颜色,它会工作相同。)祝您好运。

此外,设置disablekb参数为1,即用户甚至不能由空格键暂停。



Answer 3:

使用DOM元素的CSS如下:

.ytplayer {pointer-events: none;}


Answer 4:

如果你显示你通过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文件中添加规则修改你的类。 我用YouTube播放器,但你可以选择不同的类名,以确保它符合你上面使用的一个。

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

这应该这样做。



Answer 5:

“?控制= 0”只能躲在播放器底部的控制面板,但同时在屏幕上点击播放/暂停将恢复正常

这里的控制参数值:

  • 控制= 0 - 播放器控件不会在播放器中显示。 对于AS3的玩家,立即Flash播放器的负载。
  • 对照= 1 - 球员控制在玩家显示器。 对于AS3的玩家,立即Flash播放器的负载。
  • 对照= 2 - 球员控制在玩家显示器。 对于AS3播放器,Flash播放器的负载AFER用户启动视频播放。

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



Answer 6:

这里有一个方法来阻止屏幕,使用户无法点击任何东西。

// 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);


文章来源: Youtube Iframe disable pause video