视频 video
video 标签 controls/autoplay/muted/loop、source 多格式兼容
HTML 视频 video
<video> 标签直接在网页中嵌入视频播放器——不需要 Flash 或其他插件。
学完本章你将： 掌握 video controls/autoplay/muted、source 多格式。
基本视频
html
<video width="640" height="360" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
你的浏览器不支持 video 标签。
</video>常用属性
html
<video controls <!-- 显示播放控件 -->
autoplay <!-- 自动播放 -->
muted <!-- 静音（autoplay 通常需要 muted） -->
loop <!-- 循环播放 -->
poster="封面.jpg" <!-- 视频未播放前的封面图 -->
width="640">
<source src="movie.mp4" type="video/mp4">
</video>source 多格式
html
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<source src="movie.ogv" type="video/ogg">
<!-- 浏览器依次尝试，用第一个支持的格式 -->
</video>💡 MP4（H.264）兼容性最好，WebM 是 Google 开源格式。