STU网页设计

怎么在HTML网页设计中添加网页背景音乐 常用网页音乐代码

更新时间:2020-12-21   文章分类:网页技术课堂

很多网页设计作业要求网页中需要有网页背景音乐,今天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 >标签。
STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询