Youtube 视频嵌入

Question

我正在尝试嵌入 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

Answer 1

the “failed to load resource” error is the result of a missing server file. A URL typo might also cause it. More commonly, however, a browser extension has blocked a request.

Ad blockers and other content moderators can interfere with regular parts of a webpage. These tools work by searching a site for specific words and patterns. Any similarities can mean that your files get caught up in the blocklist.

您需要：

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

Answer 2

"ERR_BLOCKED_BY_CLIENT" 听起来可能是客户对您网站的看法有问题，而不是您的 website/youtube 本身。

你们有广告拦截服务吗运行？如果是这样，请尝试禁用它。也许您有一些其他浏览器扩展可能会影响您正在加载的网站 visiting/what。

Answer 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>

Youtube 视频嵌入

Yotube video embeddign

html

youtube