html怎么加音乐(html如何添加音乐播放按钮图标)

lxf2023-03-18 10:33:01

html添加音乐的方法:1、使用“<audio src="音频文件路径"></audio>”语句;2、使用“<embed src="音频文件路径"/>”语句;3、使用“<object data="音频文件路径"/>”语句。

html怎么加音乐(html如何添加音乐播放按钮图标)

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

1、使用 HTML5 <audio> 元素

<audio> 元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。

<audio> 标签定义声音,比如音乐或其他音频流。

示例:

<!DOCTYPE HTML>
<html>
<body>

<audio src="/i/horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

</body>
</html>

html怎么加音乐(html如何添加音乐播放按钮图标)

2、使用 <embed> 元素

<embed>标签定义外部(非 HTML)内容的容器。(这是一个 HTML5 标签,在 HTML4 中是非法的,但是所有浏览器中都有效)。

下面的代码片段能够显示嵌入网页中的 MP3 文件:

<embed height="50" width="100" src="horse.mp3">

3、使用 <object> 元素

<object tag> 标签也可以定义外部(非 HTML)内容的容器。

下面的代码片段能够显示嵌入网页中的 MP3 文件:

<object height="50" width="100" data="horse.mp3"></object>

推荐教程:《html视频教程》

以上就是html如何添加音乐的详细内容,更多请关注AdminJS其它相关文章!