如何在 HTML 中嵌入 YouTube 视频

2025 年 3 月 25 日 | 阅读 2 分钟

如果想在HTML文档中嵌入Youtube视频,我们需要遵循以下步骤。通过这些步骤,我们可以轻松地在网页上显示Youtube视频。

步骤1:首先,我们需要将要在网页上显示的视频上传到Youtube。然后我们需要获取该视频的ID。

步骤2:现在,我们需要在任何文本编辑器中输入HTML代码,或者在想要嵌入视频的现有HTML文件中打开文本编辑器。

步骤3:然后,我们需要将光标放在想要显示视频的位置。之后,我们需要在该位置定义<iframe> 标签

步骤3:现在,我们需要添加iframe标签的属性,其名称为"src"。因此,在<iframe>标签内输入src属性。

步骤4:之后,我们需要提供要嵌入的Youtube视频的URL。因此,在src 属性中输入视频的URL。

步骤5:之后,我们还可以使用以下代码块中所示的两个不同属性来设置播放器的尺寸(宽度和高度)。

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

上述 HTML 代码的输出显示在以下屏幕截图中

How to Embed Youtube Video in Html

Youtube视频自动播放

如果希望在访问包含Youtube视频的网页时视频自动开始播放。那么,我们可以在HTML文档中轻松使用自动播放选项来自动开始播放视频。

上面HTML代码的输出(带自动播放功能)如下面屏幕截图所示

How to Embed Youtube Video in Html