如何隐藏/禁用复制 youtube 视频链接的选项？答案

【问题标题】：How to hide/disabled option to copy link of youtube video?如何隐藏/禁用复制 youtube 视频链接的选项？
【发布时间】：2020-04-06 18:08:04
【问题描述】：

我正在使用以下代码在 HTML 中嵌入一个 youtube 视频

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/7MqMyoxMaW4?controls=0&modestbranding=0" frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

我正在尝试隐藏/禁用视频中的上下文菜单。避免复制视频链接。

我正在浏览 API 文档，但仍然找不到结果。

如何做到这一点？

小提琴链接：https://jsfiddle.net/us9rev0b/

【问题讨论】：

这是一种补丁，但我们可以通过纯 JavaScript 来隐藏它分别隐藏观看和分享按钮 稍后观看 document.getElementsByClassName("ytp-watch-later-button ytp-button ytp-show-watch-later-title")[0].style.display = 'none' 分享按钮 document.getElementsByClassName("ytp-button ytp-share-button ytp-share-button-visible ytp-show-share-title")[0].style.display = 'none'
@HardikMasalawala 考虑发表您的评论作为答案。
请检查我的答案，如果它符合您的要求，请接受它

标签： javascript iframe youtube

【解决方案1】：

这是一种补丁，但我们可以通过纯 JavaScript 将其隐藏
稍后隐藏观看

document.getElementsByClassName("ytp-watch-later-button ytp-button ytp-show-watch-later-title")[0].style.display = 'none'

和分享按钮

document.getElementsByClassName("ytp-button ytp-share-button ytp-share-button-visible ytp-show-share-title")[0].style.display = 'none'

【讨论】：

这是在 iframe 中，您无法从父窗口控制 iframe 元素
@duchuy 这很有趣......回答者告诉它好像他们能够隐藏它一样。虽然我同意你的看法，但我很想知道。