如何在WordPress中嵌入YouTube Shorts时隐藏标题/信息？

算力阿峰

2026-7-4

解决YouTube Shorts嵌入时信息栏占用空间的问题

一、利用嵌入参数隐藏冗余元素

YouTube Shorts支持部分和常规视频通用的嵌入参数，你可以直接在嵌入URL中添加参数来隐藏标题、频道logo及订阅按钮：

添加&showinfo=0：隐藏视频标题、频道名称等顶部信息栏，虽然该参数在新版API中标记为废弃，但目前对Shorts仍能生效。
添加&modestbranding=1：隐藏YouTube官方logo，同时弱化频道信息的展示强度。
添加&rel=0：关闭视频结束后的相关推荐模块，减少底部额外空间占用。

示例嵌入代码：

<iframe width="300" height="533" src="https://www.youtube.com/embed/你的Shorts视频ID?showinfo=0&modestbranding=1&rel=0" frameborder="0" allowfullscreen></iframe>

二、通过CSS裁剪或隐藏元素

如果参数方法效果不佳，可尝试CSS方案：
由于YouTube嵌入的iframe存在跨域限制，无法直接修改iframe内部的DOM样式，最稳妥的方式是用容器裁剪：给iframe套一个外层容器，设置溢出隐藏，再调整iframe的位置，把多余的信息栏移出可视区域。

示例代码：

<div style="width: 300px; height: 533px; overflow: hidden; position: relative;">
  <iframe width="300" height="600" src="https://www.youtube.com/embed/你的Shorts视频ID?showinfo=0&modestbranding=1" frameborder="0" allowfullscreen style="position: absolute; top: -30px;"></iframe>
</div>

你可以根据实际显示情况调整top偏移值和iframe的高度，直到完全裁切掉顶部的信息栏。

如果你的网站和嵌入内容处于同域（极少情况），也可以直接用CSS选择器隐藏对应元素：

/* 隐藏顶部标题栏 */
.ytp-title-container {
  display: none !important;
}
/* 隐藏频道名称和订阅按钮 */
.ytp-channel-name, .ytp-subscribe-button {
  display: none !important;
}