设置方法: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中文网最新课程二维码

声明:本文原创发布php中文网,转$ z o |载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注