【技术】html5网页添加音乐按钮并自动循环播放方法
做了个漂亮的html5页面,想要添加一个音乐效果,并且打开网页自动运行,还能循环播放,处理方法可以这样做。见代码:

首先,实现音乐播放功能,看代码实现:
<audio controls="controls"> <source src="你的url/i/song.ogg" type="audio/ogg"> <source src="你的url/i/song.mp3" type="audio/mpeg"> <embed height="200" width="200" src="你的url/i/song.mp3" /> </audio>
这里设置了.ogg格式和.mp3格式,可以兼容部分浏览器和移动终端。具体.ogg和.mp3格式等格式转换可以用酷狗音乐或者其他格式转换软件。
其次,如要打开网页自动播放音乐,就加一个代码
autoplay="autoplay":
<audio controls="controls" autoplay="autoplay"> <source src="你的url/i/song.ogg" type="audio/ogg"> <source src="你的url/i/song.mp3" type="audio/mpeg"> <embed height="200" width="200" src="你的url/i/song.mp3" /> </audio>
最后,如果要循环播放,就加代码 loop="loop":
<audio controls="controls" autoplay="autoplay" loop="loop"> <source src="你的url/i/song.ogg" type="audio/ogg"> <source src="你的url/i/song.mp3" type="audio/mpeg"> <embed height="200" width="200" src="你的url/i/song.mp3" /> </audio>
方法简单,可以尝试一下。

