如何用HTML写代码实现自动播放音乐

html-css013

如何用HTML写代码实现自动播放音乐,第1张

由于浏览器的安全策略问题，现在已经不再支持打开页面自动播放音乐了，如需要播放还是要让用户点击播放才可以，可以使用html5的audio标签加载音乐播放。

<audio src="https://lanye.org/demo.mp3" controls width="100%"></audio>

这跟音频文件格式和浏览器是什么有关系，

由于在支持 HTML5 的所有浏览器中仅存在几种支持的格式，因此要赢得最大范围的受众，则可以使用 source 元素指定要尝试的多种文件格式。

<audio controls="true">

        <source src="demo.mp3" type="audio/mp3"> 

        <source src="demo.ogg" type="audio/ogg"> 

        <source src="demo.aac" type="audio/mp4"> 

        <!-- If no support at all. -->

        HTML5 audio not supported 

    </audio>

audio 对象将提供 canPlayType 方法以便预测试浏览器 的文件格式功能。 canPlayType 方法带有一个音频 mime 类型、编解码器（可选）参数，并且返回三个字符串之一：empty、maybe 或 probably。根据返回值也可以确定浏览器是否能播放文件