在 HTML 中,你可以使用 <video> 元素来嵌入视频文件。以下是一个简单的示例:
<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