我最近也碰到过一模一样的情况！确实是YouTube悄悄调整了嵌入参数的生效逻辑，showinfo=0这类旧参数现在只对未登录用户生效，登录用户会强制显示标题、订阅按钮这些元素。下面是我实测有效的几个解决方案：

1. 组合官方最新嵌入参数（基础优化） #

先试试官方提供的最新参数组合，虽然没法完全隐藏所有元素，但能减少大部分干扰：

• privacy=1：启用隐私增强模式，同时会简化嵌入界面
• modestbranding=1：隐藏YouTube的logo
• controls=0：隐藏播放控件（如果不需要用户操作的话）
• rel=0：隐藏视频结束后的相关推荐
• disablekb=1：禁用键盘快捷键（可选）

示例嵌入代码：

<iframe width="640" height="360" src="https://www.youtube.com/embed/[视频ID]?privacy=1&modestbranding=1&controls=0&rel=0&disablekb=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

不过要注意，这个方法还是没法对登录用户隐藏顶部的标题栏和订阅按钮，只能作为基础优化。

2. 用容器裁剪法（彻底隐藏所有冗余元素） #

这是最直接有效的方法，通过把iframe放在一个固定尺寸的容器里，利用overflow:hidden把顶部的标题栏、底部的控件区域都裁掉，不管用户是否登录都生效：

步骤： #

• 给iframe套一个父容器，设置固定宽高和overflow:hidden
• 调整iframe的位置和高度，让核心播放区域正好显示在容器内

示例代码：

<div style="width: 640px; height: 360px; overflow: hidden; position: relative;">
  <iframe 
    src="https://www.youtube.com/embed/[视频ID]?privacy=1&controls=0&rel=0" 
    frameborder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
    allowfullscreen
    style="position: absolute; top: -60px; left: 0; width: 100%; height: calc(100% + 120px);"
  ></iframe>
</div>

• 这里的top: -60px是把顶部的标题栏（大概60px高度）移出容器视野，height: calc(100% + 120px)是补全被裁剪的高度
• 你可以根据实际视频的分辨率微调top和高度补偿的数值，确保播放区域完整显示

3. 使用自定义播放器（完全控制界面） #

如果需要更灵活的界面控制，可以用开源的自定义播放器比如Plyr.js，它支持加载YouTube视频，并且完全自定义界面，不会显示任何YouTube原生的冗余元素。

简单示例： #

1. 引入Plyr的CSS和JS
2. 添加播放器元素：

<div class="plyr__video-embed" id="player">
  <iframe
    src="https://www.youtube.com/embed/[视频ID]?iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1"
    allowfullscreen
    allowtransparency
    allow="autoplay"
  ></iframe>
</div>

3. 初始化播放器：

const player = new Plyr('#player');

这种方法完全脱离YouTube的原生界面，所有元素都由你控制，但需要注意遵守YouTube的API使用条款。

注意事项 #

• YouTube的嵌入政策可能会随时更新，建议定期测试你的嵌入代码
• 容器裁剪法虽然简单，但要确保不同设备上的显示效果一致，可能需要响应式调整容器尺寸和iframe偏移量

内容的提问来源于stack exchange，提问作者dadra