Question

我正在制作一个扩展程序，当您点击该图标时，会出现一个弹出窗口，显示http://html5.grooveshark.com/并播放音乐。我希望能够让它在后台运行，这样即使在用户点击弹出窗口之后音乐也会播放。如果我将“default_popup”设置为带有以下代码的HTML文件，它会显示Grooveshark，并播放音乐，但在弹出窗口关闭后停止播放音乐。如何让它继续在后台播放音乐？

代码（显示Grooveshark.com）

<!DOCTYPE html>
<html>

<style type="text/css">
        body {
             width: 500px;
             height: 300px;
             }
</style>

<body>


<iframe src="http://html5.grooveshark.com/" width="100%" height="500" frameborder="0"     scrolling="yes"></iframe>

</body>

</html>

Answer 1

从您的背景页面播放，它始终在运行，或者打开一个包含iframe的小型无边框窗口。

Answer 2

只需创建一个background.html并将代码放在那里。您可以通过在源上设置自动播放来检查它是否正在播放。

然后，你只需要在你的popup.html中嵌入你的background.html！

所以，你在弹出窗口中的调用基本上是：

<iframe src="path/to/background.html"></iframe>

从后台页面chrome扩展弹出窗口获取iframe

2 个答案: