如何给YouTube嵌入式URL添加?rel=0参数？

先搞懂现状 #

现在YouTube的?rel=0参数已经改了效果——不再完全藏起所有推荐视频，只会展示当前视频所属频道的内容。你加了这个参数还是能看到其他频道的视频，大概率是参数加错位置了，或者得搭配其他参数来实现更严的控制。

正确加参数的姿势 #

1. 确认参数位置没搞错 #

嵌入URL的正确格式是这样的：

https://www.youtube.com/embed/[你的视频ID]?rel=0

要是要加多个参数，就得用&连起来，比如同时隐藏注释和YouTube小标：

https://www.youtube.com/embed/[你的视频ID]?rel=0&iv_load_policy=3&modestbranding=1

划重点：第一个参数用?开头，后面的参数全用&接，而且必须放在embed/[视频ID]后面，不能乱插位置。

2. 动态JS嵌入的修正方法 #

如果是用JS动态生成嵌入代码，一定要把参数正确拼进URL里，别瞎放。比如很多人会犯的错：把参数加到iframe的其他属性里，或者拼接时漏了?/&。

给你个正确的JS示例参考：

// 假设你已经有视频ID存在变量里
const videoId = "你的视频ID";
// 正确拼接参数
const embedUrl = `https://www.youtube.com/embed/${videoId}?rel=0`;
// 创建iframe元素
const iframe = document.createElement('iframe');
iframe.src = embedUrl;
iframe.width = "560";
iframe.height = "315";
iframe.frameBorder = "0";
iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
// 把iframe插到页面指定的容器里
document.getElementById('video-box').appendChild(iframe);

3. 更严的推荐控制方案 #

要是rel=0还满足不了你的需求，可以试试搭配这些参数：

• iv_load_policy=3：隐藏视频里的注释气泡
• modestbranding=1：隐藏播放器上的YouTube标识
• 注意：现在YouTube没有能完全隐藏所有推荐视频的参数了，rel=0已经是官方给的最严选项。如果还是显示其他频道内容，先确认这个视频是不是真的属于你要的频道，或者是不是浏览器缓存了旧页面，清下缓存试试。

常见坑排查 #

• 右键iframe选“检查元素”，看看实际的src里有没有?rel=0，别光看自己写的代码，说不定哪里拼错了；
• 清浏览器缓存，有时候旧的嵌入代码会被缓存，新参数根本没生效；
• 确认视频ID是不是对的，别因为ID错了加载了别的频道的视频。

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