日常建站中,很多站点都把背景音乐添加到网页中,好的音乐可以增加网站的访客量和浏览时间,这样也使得站点变得更有趣,也显得高端大气。如果你想给自己的网站增加背景音乐该怎么操作呢?下面我们来了解下如何在网站页面中添加自动播放背景音乐。
一、首先准备应该mp3格式的音乐文件,上传到你的服务器或虚拟主机。
二、修改HTML代码,一般在你的HTML文件中的
标签中添加,代码如下:
这段代码中,autoplay属性可以让音频在页面加载后自动播放,loop属性可以让音频在播放完毕后自动重复播放。
如果你想给上面的代码增加一个按钮(暂停/播放),可以使用下面代码。
上面的两段代码在大部分浏览器中都可以实现音乐自动播放,但是对于一些现代浏览器,例如(Chrome和Safari)可能会阻止自动网页自动播放,建议给代码增加一个播放按钮,代码如下。
另附一段简易代码,同样适配于Chrome和Safari浏览器,只不过PC端会显示播放器样式,大家可以看一下,代码如下。
以上就是在网站页面中添加自动播放背景音乐的一些方法,代码仅供参考,请自行研究,希望能帮到你,欢迎分享本站,谢谢!