<audio controls>
<source src="audio.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
上述代码创建了一个带有控制按钮的音频播放器。让我们来看看这段代码中使用的属性和元素:
- <audio>: 定义了音频的容器。
- controls: 提供了音频播放器的控制按钮,如播放、暂停和音量控制。
- <source>: 定义了要播放的音频文件的路径和类型。可以提供多个 <source> 元素,以支持不同格式的音频文件,浏览器会选择支持的第一个。
在上述示例中,如果浏览器不支持 <audio> 元素,将显示 "Your browser does not support the audio tag."。
你可以通过更改 src 属性的值来指定你自己的音频文件路径。确保提供多个源文件,以便兼容不同的浏览器和音频格式。
<audio controls>
<source src="audio.mp3" type="audio/mp3">
<source src="audio.ogg" type="audio/ogg">
Your browser does not support the audio tag.
</audio>
请注意,对于移动设备和响应式设计,你可能需要使用媒体查询或其他技术来确保音频播放器的良好显示和操作。
转载请注明出处:http://www.zyzy.cn/article/detail/12446/HTML