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

wangcuiling_123

于 2017-06-20 21:49:08 发布

阅读量3.6k

点赞数

分类专栏： HTML5 文章标签： html5 视频

HTML5 专栏收录该内容

4 篇文章

订阅专栏

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

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

<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。