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

Question

我正在我的网站中嵌入 Youtube/Daily Motion 视频...

<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)

有没有其他方法可以使用 HTML/CSS/JavaScript

或者

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

Answer 1

这不是最好的解决方案，但它可能对您有用

<div class="wrap">
    <iframe src="https://www.youtube.com/embed/o32suVhTyHM?autoplay=0&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;loop=0&amp;modestbranding=1&amp;wmode=transparent" allowfullscreen="allowfullscreen" width="100%" height="408" frameborder="0"></iframe>
</div>

<style>
    .wrap{
        height: 408px;
        overflow: hidden;
    }
    iframe {
        position: relative;
        top: -64px;
    }
</style>