Youtube 视频嵌入答案

【问题标题】：Yotube video embeddignYoutube 视频嵌入
【发布时间】：2021-12-04 19:50:39
【问题描述】：

我正在尝试嵌入 youtube 视频，我刚刚复制了 youtube 给我的内容

 <iframe
        width="560"
        height="315"
        src="https://www.youtube.com/embed/w3jLJU7DT5E"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in- 
        picture"
        allowfullscreen>
</iframe>

但我的 chrome 控制台出现了一堆错误

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT googleads.g.doubleclick.net/pagead/id:1 

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT static.doubleclick.net/instream/ad_status.js:1 

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT   www.youtube.com/generate_204?sdc-Mg:1 

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT 
 i.ytimg.com/vi_webp/w3jLJU7DT5E/maxresdefault.webp:1 

Failed to load resource: net::ERR_CONNECTION_CLOSED
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1
 
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1
 
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT  www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1

【问题讨论】：

标签： html youtube

【解决方案1】：

“加载资源失败”错误是缺少服务器文件的结果。 URL 拼写错误也可能导致它。然而，更常见的是浏览器扩展阻止了请求。

广告拦截器和其他内容审核者可能会干扰网页的常规部分。这些工具通过在网站上搜索特定的单词和模式来工作。任何相似之处都可能意味着您的文件被列入黑名单。

你需要：

将浏览器重置为默认设置
重命名任何有问题的
文件使用广告拦截器调试您的页面
允许将网站列入许可名单（如果您是访客）

【讨论】：

是的！实际上我使用的是阻止广告的勇敢浏览器，所以我允许一切，现在控制台没有错误。谢谢

【解决方案2】：

“ERR_BLOCKED_BY_CLIENT”听起来可能是您网站的客户视线问题，而不是您的网站/youtube 本身。

您是否正在运行 adblock 服务？如果是这样，请尝试禁用它。也许您有一些其他浏览器扩展程序可能会调整您正在访问的网站/正在加载的内容。

【讨论】：

我明白了。实际上我使用的是勇敢的浏览器，在阅读完这篇文章后，我允许一切，现在错误都消失了。 ?

【解决方案3】：

您可能正在使用 ADBLOCK，并且您正在使用 AUTOPLAY ON，因此 ADBLOCK 会阻止您的自动播放。

但这不是唯一的错误，为了解决这个问题，我更改了项目的 URL，它对我有用。

尝试将 url 从 'src' 更改为：

src="https://www.youtube-nocookie.com/embed/{video_id}"

完整代码：

<iframe
    width="560"
    height="315"
    src="https://www.youtube-nocookie.com/embed/w3jLJU7DT5E"
    title="YouTube video player"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; 
    picture-in- 
    picture"
    allowfullscreen>
</iframe>

【讨论】：