HTML5简单实现添加背景⾳乐的⼏种⽅法
这⾥推荐两种⽅法，就是两个标签 <embed> 或者<audio >
常⽤ <audio > +css布局隐藏播放器做⽹站⽐较实⽤！
<!DOCTYPE html>
<html>
<head>
<title>html5添加⾳乐</title>
<meta charset="utf-8">
<embed src="C:\Users\傲慢与偏见\Music\泠鸢yousa - 相思引.mp3" hidden="flase" autostart="true" loop="true">
<!--embed标签写在<head>⾥⾯的title标签下-->
说明：
1、src毫⽆疑问写路径.
2、使⽤hidden="true"表⽰隐藏⾳乐播放按钮，相反使⽤hidden="false"表⽰开启⾳乐播放按钮。
3、使⽤autostart="true" 表⽰是打开⽹页加载完后⾃动播放。
4、使⽤loop="true"表⽰循环播放如仅想播放⼀次则为：loop="false"
</head>
<body>
<audio autoplay="autoplay" loop="loop" preload="auto" controls="controls"
src="C:\Users\傲慢与偏见\Music\泠鸢yousa - 相思引.mp3">
</audio>
说明：
1、使⽤autoplay="autoplay"，则背景⾳乐将在⾳⽹页打开后就⾃动马上播放。
2、使⽤controls="controls"，则为了在页⾯内显⽰显⽰控件，如播放按钮。
3、使⽤"loop="loop"，则是为了是背景⾳乐重复播放。
html播放音乐代码4、使⽤preload="auto"，则⾳频在页⾯加载的同时进⾏加载，并预备播放。
5、使⽤src=""，即是在""内加⼊背景⾳乐的保存路径，如：src=""。
注：若是想播放按钮隐藏，则使⽤以下语句：
直接使⽤css 的display控制audio标签的显⽰：
<style type="text/css">
audio{
display: none;
}
</style>
</body>
</html>
还有个<bgsound>标签：
<bgsound> 标签为 IE
<embed> 为其它
⼀般⽤法：
<bgsound src=" " autostart="true" loop="false" />
<embed src=" " autostart="true" loop="false" />
我搞了半天bgsound就是没声⾳，可能的原因：<bgsound >标签在IE内核⾥是不会被直接读取的，所以em…
解决：在判断为IE内核时把两个标签都加载进去，⽽已<embed>标签要在<bgsound>前，并且将⾃动播放设置为autostart=“false”;
到此这篇关于HTML5简单实现添加背景⾳乐的⼏种⽅法的⽂章就介绍到这了，更多相关HTML5添加背景⾳乐内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。