如何从youtube embed中删除暂停菜单(类:ytp-pause-overlay)

时间:2017-05-17 14:34:44

标签: iframe youtube embed

Youtube在我的嵌入视频暂停时显示带有视频建议的菜单。 iframe中的元素具有“ytp-pause-overlay”类

如何在不删除控件的情况下将其删除?

6 个答案:

答案 0 :(得分:2)

是的,这是可能的。您必须在showinfo=0?ecver=2代码中使用iframe

示例:

<iframe src="https://www.youtube.com/embed/pV1jC37ELmQ?rel=0&amp;showinfo=0?ecver=2" width="640" height="360"></iframe>

答案 1 :(得分:0)

我的解决方案是在网址末尾添加值为“0”的参数“rel”。

根据开发人员指南profile-guided optimizations,“rel”参数的说明是:

  

此参数指示播放器在播放初始视频时是否应显示相关视频。支持的值为0和1.默认值为1.

当我将值设置为“0”时,此参数可以在视频暂停时显示建议的视频。

示例网址为:https://www.youtube.com/embed/ABCDEFG?rel=0

答案 2 :(得分:0)

如果您使用Javascript YouTube Player iframe API加载视频,则需要使用Player Parameters并将rel的值设置为0。

示例:

player = new YT.Player( 'player', {
    height: '390',
    width: '100%',
    videoId: 'y9QEQHe8ax4',
    playerVars: { 'rel':0}
    }
);

更新

Youtube changed rel参数的使用

  

rel参数的行为在2018年9月25日或之后发生更改。更改的结果是您将无法禁用相关视频。但是,您可以选择指定播放器中显示的相关视频应与刚刚播放的视频来自同一频道。

     

更具体:在更改之前,如果参数的值为   设置为0,则播放器不会显示相关视频。之后   更改,如果rel参数设置为0,则播放器将显示相关   来自同一频道的视频   玩过。

答案 3 :(得分:0)

所提出的解决方案均不适合我,因此我最终将其添加到页面:

<style>
.ytp-pause-overlay{
display:none;
}
</style>

答案 4 :(得分:0)

尝试了所有这些技巧(以及其他一些技巧)后,我仍然无法摆脱ytp-pause-overlay。 DID实际起作用的唯一一件事是限制iframe本身的尺寸(使用百分比),同时在外部div中设置所需的尺寸(使用px)。

示例:<div style="height: 300px; width: 350px"><iframe style="width:90%" src...></iframe></div>

(请原谅内联样式)

答案 5 :(得分:0)

我弄乱了一下,发现这个解决方案对我有用:

我的浏览器是Chrome版本73.0.3683.86
我的adblock plus是版本3.5
使用adblock plus,转到其设置,单击左侧的高级,向下滚动到“我的过滤器列表”区域,添加以下行:

.ytp-pause-overlay

点击“保存”,将视频重新加载到网页中。

我还添加了以下内容,但我认为没有必要解决您的确切问题,但是我将其中的信息包括在内以求透彻。我相信这只会在视频结尾处阻塞建议/相关内容的网格。

/ yts / swfbin / player-* / endscreen.swf
youtube.com ## div.videowall-endscreen
youtube.com ## watch相关