如何从Youtube嵌入中删除暂停视频建议/相关视频(类:ytp-pause-overlay) &g

Question

我在我的网站上嵌入了youtube视频。当我暂停视频时，它会显示更多视频的列表，当视频结束时，它会显示建议视频的列表。我不想在我的网站上展示这些推荐的视频。

检查视频时，我得到以下代码

<iframe title="Dummy Video" src="https://www.youtube.com/embed/dummyvideo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" name="dummyvideo"></iframe>

我试图禁用建议的视频从css，但它不完全工作，第一次它显示更多的视频链接，但后来它隐藏，当视频结束时，它总是显示建议的视频。

这是我尝试过的css

.ytp-pause-overlay {
display: none !important;
}
.ytp-endscreen-content {
display: none !important;
}

我也试过这个JS代码，但它不工作

document.getElementsByClassName("ytp-pause-overlay ytp-scroll-min")[0].style.display = 'none';

但是它不工作并且在控制台也给出一个错误。此外，当有人暂停视频时，它应该被触发，否则它会抛出一个错误。

是否有任何方法可以让我使用CSS和JS瞄准所有视频

Answer 1

已经不可能在iframe的内容上应用自定义CSS了。所以换句话说:我担心这在JS或CSS中是不可能的。