1、打开Sublime Text工具，准备好如下图所示的目录结构，目录里面包括要插入的音频文件和一个html文件。
2、打开HTML文件，新建一个空的HTML5文档结构，如下图所示，注意编码一定设置为UTF-8。
4、运行编写好的页面程序，你会在网页中看到如下图所示的音频播放器，我们点击播放按钮就会自动播放音频。
5、当然有很多的老版本的浏览器并不支持audio元素，这个时候我们可以在audio里面添加一个提示，当浏览器不支持audio元素的时候就会显示这个提示。
6、如果想进入播放页面就立即自动播放音频内容，那么需要在audio中添加一个controls属性，如下图所示。
7、最后，列举了一下当前主流浏览器对HTML5里面audio元素的支持情况，大家可以做一下参考。
1、打开用于网页设计的Hbuilder，在项目管理器中放置mp4格式的视频以后，点击index.html进入。
2、在这里通过图示的命令来建立一个HTML5的文件。
3、这个时候添加video元素就可以插入视频了，需要用autoplay设置自动播放，controls设置控制栏。
5、完成以后，等网页加载出来就会插入视频播放器自动播放视频，左边的是播放按钮、视频进度控制条等工具。
6、而右边可以调节声音大小和全屏播放，有服务器的话还可以下载。
请注意，自动播放音乐可能会被浏览器的自动播放策略阻止，因此最好在用户与网页进行交互后再自动播放音乐，或者提供一个按钮让用户手动触发播放。
3. 增加控制按钮如播放、暂停、快进、快退等功能，可以通过JavaScript或HTML5来实现。
然后，添加`autoplay`属性，以便音乐在页面加载时自动播放。
最后，添加`controls`属性，以便在页面中显示音乐控件，如播放/暂停按钮和音量控制。但是，自动播放音乐可能会打扰访问者并增加页面加载时间，因此应该谨慎使用。