如何在 HTML 中添加视频

17 Mar 2025 | 阅读 2 分钟

如果我们想在 HTML 文档中添加视频,我们需要按照下面给出的步骤进行操作。使用这些步骤,我们可以轻松地在网页上显示视频。

步骤 1:首先,我们必须在任何文本编辑器中键入 HTML 代码,或者在其中要添加视频的现有 HTML 文件所在的文本编辑器中打开它。

步骤 2:现在,将光标移动到我们想要添加视频的位置。然后,在该位置键入 <video> 标签。之后,我们必须在 video 标签的开始和结束之间使用 source 标签。

步骤 3:现在,我们必须在 source 标签中添加名为“src”的属性。所以,在 <source> 标签内键入 srctype 属性。

步骤 4:之后,我们需要提供要添加或插入的视频的路径。所以,在 src 属性中键入视频的路径。如果我们的视频存储在与 HTML 文件相同的目录中,则键入以下路径

<img src="videoname.extension">

如果我们的视频存储在任何其他目录中,则键入该视频的正确路径,以便 浏览器可以轻松读取视频,如下面的代码块所示。

步骤 5:之后,我们也可以使用两个不同的属性来设置视频的宽度和高度,如下面的代码块所示。

步骤 6:最后,我们必须在文本编辑器中保存 HTML 文件或 HTML 代码。然后运行该文件。