html5视频video标签的使用格式和属性

最新推荐文章于 2025-09-05 18:48:29 发布

转载最新推荐文章于 2025-09-05 18:48:29 发布 · 3.7k 阅读

文章标签：

#html5 #视频

HTML5 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了HTML5中<video>和<audio>标签的基本用法及属性，包括如何通过这些标签实现多媒体内容的展示与播放控制。文章重点讲解了autoplay、controls、loop和preload等关键属性的作用。

<video src="" width="" height="" controls="controls">
Your browser does not support the video tag.
</video>

<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的(和audio标签一样)：<audio> 标签的属性
 属性 值 描述
autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
loop loop 如果出现该属性，则每当音频结束时重新开始播放。
preload preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放。
如果使用
 "autoplay"，则忽略该属性。
src url 要播放的音频的
 URL。

属性	值	描述
autoplay	autoplay	如果出现该属性，则音频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
loop	loop	如果出现该属性，则每当音频结束时重新开始播放。
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	url	要播放的音频的 URL。