是否可以仅从youtube iframe嵌入播放器中删除“稍后观看”和“分享”按钮

时间:2015-10-27 16:50:57

标签: javascript html iframe youtube youtube-api

如何在以后删除手表并分享来自youtube iframe嵌入播放器的按钮。使用以下嵌入代码嵌入视频剪辑。

let encoded = "this is so "good"".htmlDecoded() // "this is so "good""

使用showinfo = 0会删除包含视频标题的完整标题。

是否可以仅从标题中删除“稍后观看”和“共享”按钮?

8 个答案:

答案 0 :(得分:8)

在链接

之后添加此行
https://www.youtube.com/embed/c5cHjtspa7M?mode=opaque&rel=0&autohide=1&showinfo=0&wmode=transparent

它将禁用共享并稍后观看选项

答案 1 :(得分:8)

此参数已弃用,将于2018年9月25日之后忽略。

showinfo=0 it's not support anymore

答案 2 :(得分:6)

使用YouTube嵌入式隐私增强模式(youtube-nocookie),它会隐藏"稍后观看"按钮,但不是"分享"按钮。

<iframe width="854" height="480" src="https://www.youtube-nocookie.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>

答案 3 :(得分:4)

例如,这就是您尝试做的事情:

document.getElementsByTagName('iframe')[0].contentWindow.getElementsByClassName('ytp-watch-later-button')[0].style.display = 'none';

但是,简短的回答是,没有简单的方法可以做到这一点,因为YouTube位于不同的域名上:

&#39;客户端不可能。将引发javascript错误&#34;错误:拒绝访问属性的权限&#34;文档&#34;&#34;因为iframe不是你的酒庄的一部分......&#39; https://stackoverflow.com/a/30545122/2488877

但是,如果您在上述问题的答案中具有技术娴熟,您可能会找到适合您需求的答案。

答案 4 :(得分:4)

我不认为使用iframe方法是可行的。 我的理由是:

  • 这不是parameters page
  • 上列出的选项
  • 我发现this thread他们的团队成员说当时(2012年)不可能,他们没有计划增加这种能力。

您可以通过关闭showinfo并使用其他methods获取视频标题来实现类似的功能。

答案 5 :(得分:1)

在url params中输入params:showinfo = 0。

像这样:https://www.youtube.com/embed/youidvideo?autoplay=1&rel=0&showinfo=0

它将删除分享并稍后观看按钮!

答案 6 :(得分:1)

showinfo

注意:此参数已弃用,2018年9月25日之后将被忽略。

支持的值为0和1。

将该参数的值设置为0会导致播放器在视频开始播放之前不会显示诸如视频标题和上传者之类的信息。

如果播放器正在加载播放列表,并且您将参数值显式设置为1,则在加载时,播放器还将显示播放列表中视频的缩略图。

https://developers.google.com/youtube/player_parameters

答案 7 :(得分:0)

唯一的方法是在overflow设置为hidden的容器顶部创建负边距。参见my CodePen here

CSS:

.videoWrapper {
  overflow: hidden;
}
@media (min-width: 1500px) {
  .videoWrapper {
    margin-top: -135px;
  }
}
@media (min-width: 1200px) {
  .videoWrapper {
    margin-top: -75px;
  }
}

HTML:

<div class="videoWrapper">
  <iframe width="100% src="https://www.youtube.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>
</div>

但是,当然,您失去了视频的顶部。您可能还违反了YouTube's Terms of Service的某些部分。

此外,这往往只能在1200px以上的浏览器宽度上很好地工作。在此之下,标题和顶部控件占据了播放器不动产的很大一部分,因此您在视频顶部损失的太多。