设置方法:1、使用“<audio src=”https://www.php.cn/%E9%9F%B3%E4%B9%90%E6%96%87%E4%BB%B6%E8%B7%AF%E5%BE%84″></audio>”语句设置背景音乐;2、使用“<embed src=”https://www.php.cn/%E9%` L @9F%B3%E4%B9%90%E6%96%87%E4%BB%B6%E8%B7%AF%E5%BE%84″>”语句设置背景音乐;3、使用“&2 8 ! ^lt;bgsound src=”https://www.php.c; 3 M 5 r Q [ p mn/%E9%9F%B3%E4%B9%90%E6%96%87%E4} 3 f ; ` M 6%BB%B6%E8b F ]%B7%AF%E5%BE%84″n ^ h c m i j – b>”语句设置背景音乐。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
方法一:
在源代码中编写以下几句代码将能实现在HTD # 7 % hML网页内添加背K 0 o 5 J 4 } /景音乐;
<audio autoplay="autoplay" controls="controls" loop="loop" preload="auto"9 g [ R { src="http://demo.mimvp.( 2 a ^ x B ? ycom/html5/take_you_fly.mp3"> 你的浏览器版本太低,不支持audio标签 </auZ h ( B u t ; *dio>
说明:
1、使用autoplay=”autoplay”,则背景音乐将在音网页打开后就自动马上播放m ? P。
2、使用controls=”controls”,则为了在页面内显示显示控件,如播放按钮。
3、使用”loop=”loop”,则是为了是背景音乐重复播放。
4、使用preload=”auto”,则音频在页面加载的同时进行加载,并预备播放。
5、使用src=””,即是在””内$ ! I l加入背景音乐的保存路径,如:src=”https://www.php.cn/web%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C\03.mp3″。
注:若是想播放按钮隐藏,则使用以下语句:
直接使用css 的display控制audio标签的显示和隐藏:
<style7 L ? D U [ ! @ type="teR B ? ext/css"> audio{ display: none; } </style>
方法二:
在<head></head>中的title标签之下添加以下这行代码
<embX M red src="https://www.php.cn? C h/web%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C\03.mp3" hidden="true" autostart="true" loop="true">
说明:
1、src=”L # \ S k“,在””内添加你音乐的保存路径。
2、使用hidden=”true”表示隐藏音乐播放按[ t a ; (钮,相反使用T u 3hidden8 p c p , r K=”false”表示开启音乐播放按钮。
3、使用autostart=”true” 表示是打[ z } ; A z开网页加载完后自动播放。
4、使用loop=”trueG K B 0 \ F“表示 循环播放 如仅想播放一次则为:loop=”false”
方法三:
在HTML中敲写以下代码:
<bgsound src="ht4 X - / \ ) ctps://www.php.cn/%E9%9F%B3%E4%B9%90%E4%BF%9D%E5%AD%98%E7%9A%84%E7%BB%9D%E5%AF%B9%E8%B7%AF%E5%BE%84" autostarW = 7 @ f m ut=trueC - e loop=infiniteZ ! | 2 ; B C 1>
说明:1、使用autostart=true,表示音乐@ . r Y L ? ; b U在网页加载同时加载音乐,打开网页时音乐自动播放。
推荐教程:《html视频教程》
以上就是html怎么设置. w @背景音乐的详细内容,更多请关注phpc ] h中文网其它相关# O K p r # @ J b文章!
声明:本文原创发布php中文网,转$ z o |载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理