使用 HTML / CSS / JavaScript 隐藏 YouTube 视频控件(标题、稍后观看、分享)

2024-04-30

我正在我的网站中嵌入 Youtube/每日动态视频...

<iframe width="560" height="315" src="https://www.youtube.com/embed/an-6owXUwdg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

我不希望 Youtube 视频控件在我的网站上可见...

请查看附件,我想删除顶部的控件(以红色突出显示),并且还想删除底部的控件(以红色突出显示)。

以前可以在 YouTube 视频中使用 showinfo 参数。现在该参数已被弃用,参考(https://developers.google.com/youtube/player_parameters#showinfo https://developers.google.com/youtube/player_parameters#showinfo)

有没有其他方法可以使用 HTML / CSS / JavaScript 来做到这一点

OR

我可以在任何播放器上运行 YouTube 视频并满足我的要求吗?


这样做的旧方法看起来像:

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

我将 ?controls=0&showinfo=0 添加到查询字符串中。

不幸的是,当我尝试时,它不再起作用了。经过进一步研究,我发现隐藏您想要的内容的能力已被删除。 请参阅此处的信息:https://developers.google.com/youtube/player_parameters#showinfo https://developers.google.com/youtube/player_parameters#showinfo

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

所以目前还没有办法做到。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 HTML / CSS / JavaScript 隐藏 YouTube 视频控件(标题、稍后观看、分享) 的相关文章