在HTML中,可以通过使用<video>
标签来插入视频。下面是一个示例代码:
<video src="video.mp4" controls>
Your browser does not support the video tag.
</video>
其中,src
属性指定了视频文件的路径,controls
属性用于显示视频的控制面板(例如播放、暂停、音量等),在<video>
标签中间的文本内容是在不支持<video>
标签的浏览器上显示的备用文本。
除了src
属性之外,<video>
标签还支持其他的属性,例如width
和height
用于设置视频的宽度和高度,autoplay
用于自动播放视频等等。另外,HTML5还引入了一种新的视频格式——WebM,它使用.webm
扩展名,可以通过<source>
标签来指定:
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
Your browser does not support the video tag.
</video>
在上面的代码中,浏览器会首先尝试播放video.mp4
格式的视频,如果不支持就会尝试播放video.webm
格式的视频。<source>
标签还支持srcset
和sizes
属性,用于根据不同的屏幕尺寸提供不同的视频源,以达到最佳的视觉效果和下载速度。