HTML学习篇（六）音频和视频

最新推荐文章于 2024-12-02 08:15:00 发布

原创

最新推荐文章于 2024-12-02 08:15:00 发布 · 451 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#video #audio #html

本文介绍了HTML5中用于展示视频的<video>标签和音频的<audio>标签。<video>标签通过src属性设置视频路径，controls属性提供播放控制，而<source>标签则用于处理浏览器对不同视频格式的支持问题。<audio>标签与<video>相似，但不支持width和height属性，主要用来播放音频文件。

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

<video>标签

在HTML5中，使用video标签来显示视频：

<video src="myVideo.mp4" controls>
  <p>您的浏览器不支持H5视频。 请点击 <a href="myVideo.mp4">视频链接</a> 。</p> 
</video>

可以看到，跟img标签类似，在video标签中使用src属性来指定视频路径（mp4或webm格式），其中controls属性表示视频的下边控制栏，p标签定义了浏览器不支持H5视频情况下显示的备选文本。

但是，由于不同浏览器对于视频格式支持力度不一，可能需要准备多种格式类型来应对多浏览器兼容的问题，因此可以使用以下方式：

<video controls>
  <source src="myVideo.mp4" type="video/mp4">
  <source src="myVideo.webm" type="video/webm">
  <p>您的浏览器不支持H5视频。 请点击 <a href="myVideo.mp4">视频链接</a> 。</p> 
</video>

其中，只