<video controls width="600" height="400">
<source src="video.mp4" type="video/mp4">
您的浏览器不支持视频元素。
</video>
上述代码演示了一个简单的 <video> 元素,具有以下关键特点:
- controls 属性:添加了视频播放器的控制按钮,包括播放、暂停、音量调整等。
- width 和 height 属性:用于设置视频播放器的宽度和高度。
- <source> 元素:用于指定不同格式的视频文件,以便浏览器选择支持的格式进行播放。在这个例子中,指定了一个 MP4 格式的视频文件。
与 <audio> 类似,你也可以添加多个 <source> 元素,以提供不同格式的视频文件,以确保在不同的浏览器和设备上都能正常播放。
<video controls width="600" height="400">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
您的浏览器不支持视频元素。
</video>
在这个例子中,如果浏览器不支持 MP4 格式,将尝试播放 WebM 格式的视频文件。
除了基本用法外,<video> 元素还支持许多其他属性和事件,例如自动播放、循环播放、跳转到指定时间点等,以满足更多的需求。但请注意,在网页中使用视频时,要确保使用合适的格式,并提供替代文本以便于访问。
转载请注明出处:http://www.zyzy.cn/article/detail/3150/HTML