Question

我最近一直在设计一个网站，我有想尝试实现一些背景音乐。

我只是通过视频循环播放音乐来解决这个问题

    <embed name="Example Song Here"
src="http://www.infinitelooper.com/?v=GGtcJCzB9cU&p=n"
loop="True"
hidden="true"
autostart="true">
</embed

效果很好，问题在于用户可能想要停止音乐，所以我添加了一个＆＃34;停止音乐＆＃34;按钮

FORM METHOD="LINK" ACTION="WebsiteURL">
<INPUT TYPE="submit" VALUE="Stop Music">
</FORM>

添加按钮很好，但正如您所看到的那样，除了重定向回网站之外没有做任何事情，我一直在寻找我需要的额外线路，让按钮停止上面的音乐。

是的，我是一个新手。

Answer 1

此代码使用Html5。如果你可以使用html5，这可以正常工作。

<audio id="myAudio"
 <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"
         type='audio/mp4'>
 <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"
         type='audio/ogg; codecs=vorbis'>
 Your user agent does not support the HTML5 Audio element.
</audio>
<button type="button" onclick="aud_play_pause()">Play/Pause</button>
<script>
function aud_play_pause() {
  var myAudio = document.getElementById("myAudio");
  if (myAudio.paused) {
    myAudio.play();
  } else {
    myAudio.pause();
  }
}
</script>

Answer 2

embed element本身符合当前的HTML规范（HTML5），但它不像以前那样。旧的非标准embed元素具有控制表示的各种属性，但它们不包含在规范中，对它们的支持变化很大并且正在减少。此外，您的示例实际上并没有直接嵌入声音。相反，它嵌入了一个HTML元素，它以自己的方式嵌入了声音。通常，您无法控制从另一台服务器嵌入的页面上发生的情况。

没有HTML方法来控制embed元素中的播放，因为它预计会使用插件实现。请注意，默认情况下，现代浏览器可能缺少任何插件，或者可能禁用此类插件。所以embed真的不像过去那样。

其他人建议，出于好的理由，您不使用背景声音，如果您使用，请使用audio元素实现它。（您可以在embed元素中包含audio元素，作为根本无法识别audio标记的浏览器的后备内容。）但是，{{ 1}}仅适用于直接嵌入声音，与嵌入具有背景声音的页面相反。

在您的情况下，您可以使用JavaScript创建自己的停止按钮。您可以单击该按钮以删除audio元素。当然，它会简单地终止声音。在JavaScript中删除元素有点间接：你告诉它的父母将那个孩子踢掉。

embed

网站的简单背景音乐

2 个答案: