(24)HTML标签详解之<audio><video><source>

最新推荐文章于 2025-06-09 16:16:00 发布

转载最新推荐文章于 2025-06-09 16:16:00 发布 · 2.3k 阅读

文章标签：

#html #html简介 #标签 #视频 #audio

html 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了HTML5中用于插入音频和视频的<audio>和<video>标签，以及如何使用<source>标签为不同浏览器提供多种格式支持。详细解释了controls、loop等关键属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML标签详解之<audio><video><source>

这些元素都是html5中的新元素。向文档中插入音频或者视频。

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

<audio>和<video>都有重要的controls、loop、autoplay、src等属性。

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。<source> 标签y有重要的src和type属性。

<audio>和<video>标签内部插入的文字只有当浏览器不支持该音视频时才会显示给用户看。