如何在网站中添加无广告的YouTube视频？嵌入后去广告方案咨询

关于嵌入链接仍显示广告的问题 #

是的，默认情况下只要原视频上传者开启了广告变现，嵌入到你网站的视频就会自动展示广告——广告是YouTube服务器端控制的，不受嵌入网站的直接设置影响。

具体解决办法 #

1. 视频是你自己上传到YouTube的情况

登录YouTube Studio，找到目标视频的「变现」设置页，关闭嵌入时显示广告的选项（不同地区界面可能略有差异，一般在「广告格式」或「嵌入权限」板块）。如果你的频道开启了全局自动变现，需要单独对该视频调整设置，这样后续嵌入该视频就不会有广告了。

2. 视频是他人上传的情况（无法控制原视频广告设置）

这种情况没有官方合规的无广告嵌入方式，可尝试以下替代方案：

• 自行托管视频
  将视频下载后上传到自己的服务器，使用HTML5 <video> 标签直接播放，完全规避YouTube的广告系统。示例代码：

  <video controls width="800" poster="/path/to/video-cover.jpg">
    <source src="/path/to/your-video.mp4" type="video/mp4">
    <source src="/path/to/your-video.webm" type="video/webm">
    你的浏览器不支持HTML5视频播放，请升级浏览器。
  </video>
  

  注意：必须确保你拥有该视频的合法版权，否则会涉及侵权风险；同时要考虑服务器的带宽和存储成本。

• 前端脚本屏蔽广告（非合规，风险提示）
  通过自定义JavaScript脚本尝试隐藏YouTube嵌入的广告元素，但这种方法属于前端hack：

  // 定时检测并移除广告相关元素
  setInterval(() => {
    const adSelectors = ['.ytp-ad-module', '.ytp-ad-overlay-container', '.ytp-ad-progress-list'];
    adSelectors.forEach(selector => {
      document.querySelectorAll(selector).forEach(el => el.remove());
    });
    // 尝试暂停广告播放
    try {
      const iframe = document.querySelector('iframe[src*="youtube.com/embed"]');
      if (iframe) {
        const video = iframe.contentWindow.document.querySelector('video');
        if (video && video.classList.contains('ad-showing')) {
          video.pause();
        }
      }
    } catch (e) {
      // 跨域访问可能报错，忽略即可
    }
  }, 1500);
  

  注意：这种方法违反YouTube的服务条款，可能导致你的网站被限制使用YouTube嵌入功能；且YouTube会不断更新页面结构，脚本随时可能失效。

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