Question

我想在YouTube上嵌入一个视频，并在用户点击popup.html中的按钮时播放。

我遵循此处列出的解决方案：

Showing a YouTube video in a Google Chrome extension

会打开一个新标签，但我看不到视频，我只看到一个带有笑脸的灰色矩形。

我猜Google正在以某种方式阻止视频。是否可以在background.js打开的新标签页上显示YouTube视频？

由于

编辑：

  <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/XXXXXX?html5=1" frameborder="0" allowfullscreen></iframe>
  </div>

Answer 1

您使用的是协议相对网址：

src="//www.youtube.com/embed/XXXXXX?html5=1"

同时，嵌入页面有一个类似

的URL

chrome-extension://yourextensionidhere/page.html

这会产生src网址

chrome-extension://www.youtube.com/embed/XXXXXX?html5=1

显然无效并导致网络错误（在子帧中呈现为带有悲伤面孔的灰色页面）。

要解决此问题，请将协议相对URL更改为显式https://...

在Chrome扩展程序中嵌入YouTube视频

1 个答案: