javascript - 冻结整个网站的音乐播放器

Question

我有一个带有 youtube 和 soundcloud 嵌入歌曲的网站。在这些嵌入式媒体文件之一的流中，我希望这首歌继续播放，而不管移动到站点中的不同页面。我怎样才能做到这一点？如果音乐控制器出现在页脚中也会很棒。

我正在使用 auto_html gem 嵌入

<% if micropost.url.include? 'youtu' %>
  <%= auto_html(micropost.url) {youtube(:width => 540, :height => 190)} %>
<% end %>

<% if micropost.url.include? 'soundcloud' %>
  <%= auto_html(micropost.url) {soundcloud} %>
<% end %>

我还没有为音乐播放器编写任何代码。我什至可以让两个嵌入都通过自定义音乐控制器播放吗？或者我可以使用 youtube 和 soundclouds。

Answer 1

如果您使用的是html5音频标签，您可以将点击事件绑定到播放按钮，然后停止所有音频播放，但是$(this)