背景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.

背景youtube播放器

Background youtube player

youtube-api

google-chrome-extension