简单的网站背景音乐
我最近一直在设计一个网站，我有一个想法，尝试实现一些背景音乐。
我只是通过一个录像机播放音乐。
<embed name="Example Song Here"
src="http://www.infinitelooper.com/?v=GGtcJCzB9cU&p=n"
loop="True"
hidden="true"
autostart="true">
</embed这是完美的，问题来了，用户可能会想要停止音乐，所以我增加了一个“停止音乐”按钮
FORM METHOD="LINK" ACTION="WebsiteURL">
<INPUT TYPE="submit" VALUE="Stop Music">
</FORM>添加按钮很好，但正如你所看到的，它除了重定向回站点之外什么也做不了，我一直在寻找使按钮停止上面的音乐所需的额外行。
是的，我完全是个新手。
回答 2
Stack Overflow用户
发布于 2015-02-03 21:47:11
这段代码使用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>
Stack Overflow用户
发布于 2015-02-03 22:24:43
这样的embed element符合当前的超文本标记语言规范(HTML5)，但它不再是以前的样子了。旧的、非标准的embed元素具有控制表示的各种属性，但是它们没有包含在规范中，对它们的支持变化很大，并且正在减少。此外，您的示例实际上并没有直接嵌入声音。相反，它嵌入了一个HTML元素，该元素以自己的方式嵌入了声音。通常，您无法控制从其他服务器嵌入的页面上发生的事情。
没有HTML方法来控制在embed元素中的播放，因为它被期望用一个插件来实现。请注意，在默认情况下，现代浏览器可能缺少任何用于此目的的插件，或者可能禁用此类插件。所以embed真的不是以前的样子了。
其他人建议你不要使用背景音，如果你使用背景音，那就用audio元素实现它。(您可以在audio元素中包含一个embed元素，作为根本无法识别audio标记的浏览器的备用内容。)但是，audio仅适用于声音的直接嵌入，这与嵌入具有背景声音的页面相反。
在您的示例中，您可以使用JavaScript创建自己的停止按钮。您可以单击该按钮来简单地删除embed元素。当然，它会简单地终止声音。在JavaScript中，删除一个元素有点间接:告诉它的父元素踢出子元素。
<embed id=bgs name="Example Song Here" controls=stopbutton
src="http://www.infinitelooper.com/?v=GGtcJCzB9cU&p=n">
</embed>
<button onclick=
"var bgs = document.getElementById('bgs'); bgs.parentNode.removeChild(bgs);
this.parentNode.removeChild(this)">
Stop background sound</button>https://stackoverflow.com/questions/28300316
复制相似问题
腾讯云开发者
