<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
上述代码创建了一个带有控制按钮的视频播放器。让我们来看看这段代码中使用的属性和元素:
- <video>: 定义了视频的容器。
- width 和 height: 分别指定了视频播放器的宽度和高度。
- controls: 提供了视频播放器的控制按钮,如播放、暂停、音量控制等。
- <source>: 定义了要播放的视频文件的路径和类型。可以提供多个 <source> 元素,以支持不同格式的视频文件,浏览器会选择支持的第一个。
在上述示例中,如果浏览器不支持 <video> 元素,将显示 "Your browser does not support the video tag."。
你可以通过更改 src 属性的值来指定你自己的视频文件路径。确保提供多个源文件,以便兼容不同的浏览器和视频格式。
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
Your browser does not support the video tag.
</video>
请注意,为了提高兼容性,你可能需要提供不同格式的视频文件,如 MP4、WebM、Ogg 等。这样,不同的浏览器可以选择支持的格式进行播放。
转载请注明出处:http://www.zyzy.cn/article/detail/12447/HTML