我正在尝试嵌入一个 youtube 视频，但是，当鼠标悬停在它上面时，我还没有找到一种方法来保持顶部的栏不显示。就我的目的而言，重要的是用户无法直接链接回原始视频，以便他们可以重新观看视频。以下链接提供了在 youtube 中嵌入功能的命令：
https://developers.google.com/youtube/player_parameters#Overview
我已经使用控件和 disablekb 功能来限制观众跳过和重播视频的能力，我现在需要的是禁用出现在视频顶部的栏。
（我在哪里得到了http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1）
showinfo由于 YouTube 已弃用该参数，因此此答案不再有效。
您可以通过添加隐藏嵌入式播放器的标题栏&showinfo=0。您无法完全删除原始视频的所有链接。这是你能做的最好的
<iframe width="560" height="315" src="//www.youtube.com/embed/videoid?modestbranding=1&autohide=1&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>
此代码将删除标题栏、控件中的 YouTube 品牌、控件（可选，delete controls=0如果您需要控件）。但是带有视频链接的视频上会显示一个白色的 YouTube 徽标。
更新 1：这是我为生成自定义 youtube 嵌入播放器代码而构建的一个新工具 -高级 Youtube 嵌入代码生成器
由于 YouTube 已弃用 showinfo 参数，您可以欺骗播放器。Youtube 将始终尝试将其视频居中，但徽标、标题、稍后观看按钮等将始终分别位于左侧和右侧。
所以你可以做的就是把你的 Youtube iframe 放在一些 div 中：
<div class="frame-container">
<iframe></iframe>
</div>
然后，您可以将帧容器的大小增加到浏览器窗口之外，同时对齐它，使 iframe 视频居中。例子：
.frame-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
width: 300%; /* enlarge beyond browser width */
left: -100%; /* center */
}
.frame-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
最后将所有内容放在包装器 div 中，以防止由于 300% 的宽度而导致页面拉伸：
<div class="wrapper">
<div class="frame-container">
<iframe></iframe>
</div>
</div>
.wrapper {
overflow: hidden;
max-width: 100%;
}
showinfo=0将不再工作，因为它已于25/09/2018被弃用。
https://developers.google.com/youtube/player_parameters#showinfo
以下对我有用：
?rel=0&fs=0&showinfo=0
要移除你的管子controls，title你可以做这样的事情。
<iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe>
showinfo=0用于删除标题，&controls=0用于删除音量、播放、暂停、消耗等控件。
我为禁用 iframe 的悬停状态所做的是pointer-events:none在 css 样式中使用。它显示加载信息，但在悬停之后不应触发显示信息。
你可以试试这个它对我有用。
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/PEwac2WZ7rU?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1"></iframe>
</div>
使用Bootstap进行响应式嵌入
通过创建可在任何设备上正确缩放的固有比率，允许浏览器根据其包含块的宽度确定视频或幻灯片尺寸。
风格 youtube 视频：
有关更多信息，请访问此链接https://developers.google.com/youtube/player_parameters#autoplay
感谢
榕树主题
2021年工作：
响应式嵌入，没有任何信息/控件，包括在 2021 年开始/暂停工作时隐藏头像和标题。与之前的答案类似，但使用纵横比而不是填充黑客和工作演示。
如果您需要控件，您可以使用JS API 制作您自己的控件。不过，无论您如何嵌入 YouTube 视频，总有可能以一种或另一种方式在源中找到它。
<div class="youtube-container">
<iframe src="https://www.youtube.com/embed/WhY7uyc56ms?autoplay=1&mute=1&loop=1&color=white&controls=0&modestbranding=1&playsinline=1&rel=0&enablejsapi=1&playlist=WhY7uyc56ms" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
.youtube-container {
overflow: hidden;
width: 100%;
/* Keep it the right aspect-ratio */
aspect-ratio: 16/9;
/* No clicking/hover effects */
pointer-events: none;
}
.youtube-container iframe {
/* Extend it beyond the viewport... */
width: 300%;
height: 100%;
/* ...and bring it back again */
margin-left: -100%;
}
目前情况下的答案是 youtube 自此更改政策August 23, 2018并生效，September 25, 2018因此他们现在允许隐藏信息。
打开youtube视频。单击共享选项。在共享选项中单击嵌入标签。您可以在嵌入标签中看到一些复选框。未选中显示视频标题和播放器操作。在此之后只需复制框架标签。
<iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>