背景youtube播放器

Question

我正在尝试制作Chrome扩展程序，以便播放来自youtube的歌曲。我这样做了但是我遇到了一个小问题。当我点击扩展图标时，会出现一个弹出窗口，我可以在其中搜索并播放该歌曲，但当弹出窗口消失时，音乐将停止播放。我该怎么做才能让音乐在后台播放？ 这是找到歌曲的功能，并将iframe标签插入我的popup.html页面

function showResponse(response) {
    var responseString = response;
    document.getElementById('response').innerHTML = responseString.items[0].id.videoId;
    var videoId = responseString.items[0].id.videoId;
    var iFrame = '<iframe width="300" height="300" src="https://www.youtube.com/embed/' + videoId + '"></iframe>';
    document.getElementById('player').innerHTML = iFrame;
}

Answer 1

当弹出窗口关闭时，它所包含的页面会立即完全卸载。

所以你的iframe被销毁了。不，你不能保持弹出窗口打开。

扩展程序有一个持久页面 - background page。您可以尝试在那里添加iframe - 声音应继续播放。

但是，该页面是不可见的 - 您不能让用户控制播放器。任何用户可访问的控件都需要在弹出窗口或其他UI中。