javascript - Bootstrap 响应式嵌入 + Vimeo = 内容安全策略错误

Question

我有一个 vimeo 视频触发了内容安全策略错误，并阻止了我的 JS 的其余部分运行。

页面上的相关html是:

<div class="row">
  <div class="col-md-12 videoPlayer">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/195875285"></iframe>
    </div>
  </div>
</div>

错误状态:

Refused to load the script 'data:application/javascript;base64,KGZ1bmN0aW9uKCkgewoJdmFyIG5vb3BmbiA9IGZ1…gpKTsKCQkJfQoJCX0KCX0pKCk7Cgl3aW5kb3cuX2dhcSA9IGdhcS5xZiA9IGdhcTsKfSkoKTs=' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' https://f.vimeocdn.com https://ssl.google-analytics.com https://js-agent.newrelic.com https://bam.nr-data.net https://f.vimeocdn.com".

我以前从未遇到过这种情况，有几次我使用了 YouTube 视频的响应式嵌入，所以我怀疑这是一个 vimeo 问题，但我的搜索似乎都没有提供相关的解决方案。

Answer 1

我发现此错误是在 Chrome 中通过 https 查看网站时由 uBlock Origin 扩展引起的。它也可能由 AdBlock 等其他内容触发。

尝试以无痕模式浏览或启动不带扩展程序的浏览器，看看问题是否仍然存在。