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

Aff*_*fan 6 html javascript css wordpress

我正在我的网站中嵌入 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>
Run Code Online (Sandbox Code Playgroud)

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

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

在此输入图像描述 在此输入图像描述

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

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

或者

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

Lew*_*art 0

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

<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>
Run Code Online (Sandbox Code Playgroud)

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

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

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

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