使用YouTube官方iframe代码嵌入视频后Chrome控制台报错如何解决
你使用的YouTube官方iframe嵌入代码本身没有语法错误,出现这些报错的原因和解决方案如下:
报错根因分析
- 绝大多数
ERR_BLOCKED_BY_CLIENT错误都是本地浏览器安装的广告拦截类扩展(如uBlock Origin、AdGuard、AdBlock等)导致的,这类扩展默认会拦截YouTube的广告请求、用户行为埋点上报请求、广告关联静态资源,属于客户端主动拦截行为,和嵌入代码无关。 - 单独的
ERR_CONNECTION_CLOSED错误和网络环境有关,如果你在国内访问,YouTube所属的谷歌服务资源受网络限制,会出现连接被强制断开的情况。 - 少数情况是本地系统hosts文件被修改,将
googleads.g.doubleclick.net、static.doubleclick.net这类域名定向到了无效IP,也会触发资源加载失败。
对应解决方案
- 广告拦截扩展导致的报错:调试时临时禁用对应广告拦截扩展,或者将本地调试的站点域名加入扩展的白名单即可消除报错。这类报错不会影响普通用户的视频播放体验,就算用户开启了广告拦截,大多时候也只是广告无法加载,主视频内容仍然可以正常播放。
- 网络环境限制导致的报错:本地调试可以使用合规的网络代理解决;如果站点是面向国内用户上线,建议将视频转存到国内的视频点播平台,替换为国内平台的嵌入代码即可彻底避免该问题。
- hosts修改导致的报错:打开本地系统的hosts文件,删除所有和
doubleclick.net、youtube.com相关的定向规则,保存后刷新浏览器即可。
内容的提问来源于stack exchange,提问作者DolenDeori
相关产品推荐
相关产品推荐

