在HTML静态页面中插入在线音乐
原创
©著作权归作者所有:来自51CTO博客作者lanxiaofang的原创作品,请联系作者获取转载授权,否则将追究法律责任
1、插入背景音乐
<audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
src="https://lh-sycdn.kuwo.cn/d6ad9447bc4fbb3d09a489e5ca2396e6/636f5303/resource/n1/65/40/3093530310.mp3">
你的浏览器版本太低,不支持audio标签
</audio>
在线音乐获取方式:以酷我音乐为例,
使用说明:
1、使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。
2、使用controls="controls",则为了在页面内显示显示控件,如播放按钮。
3、使用"loop="loop",则是为了是背景音乐重复播放。
4、使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。
5、使用src="",即是在""内加入背景音乐的保存路径,如:src="web网页制作\03.mp3"。
播放按钮隐藏
直接使用css 的display控制audio标签的显示:
<style type="text/css">
audio{
display: none;
}
</style>