很多网页设计作业要求网页中需要有网页背景音乐,今天STU网页设计为大家分享一下HTML网页设计中添加网页背景音乐常用的三种方法。
第一种<embed>标签
示例:
<embed src="音乐路径" hidden="flase" autostart="true" loop="true">
说明:
使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。
使用controls="controls",则为了在页面内显示显示控件,如播放按钮。
使用"loop="loop",则是为了是背景音乐重复播放。
使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。
使用src="",即是在""内加入背景音乐的保存路径。
第二种<audio >标签
示例:
<audio autoplay="autoplay" loop="loop" preload="auto" controls="controls" src="音乐路径"></audio>
说明:
使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。
使用controls="controls",则为了在页面内显示显示控件,如播放按钮。
使用"loop="loop",则是为了是背景音乐重复播放。
使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。
使用src="",即是在""内加入背景音乐的保存路径,如:src=""。
备注:
若是想播放按钮隐藏,可使用css 的display控制audio标签的显示:audio{display: none;}
第三种<bgsound>标签
示例:
<bgsound src="音乐路径" autostart="true" loop="false" />
<embed src="音乐路径" autostart="true" loop="false" />
说明:
<bgsound> 标签 为 IE ,<embed> 为其它
第三种
<bgsound>标签可能会遇到有的IE版本没声音,不建议使用,比较推荐前两种,页面内显示的话推荐使用
<audio >标签。