做了个漂亮的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>

方法简单，可以尝试一下。

赏 支付宝打赏 微信打赏

新浪微博微信复制网址打印分享吧：