嵌入式 YouTube - HTML

简介

在网页上嵌入 YouTube 视频是一个很常见的需求，通过简单的 HTML 代码即可实现。本文将介绍如何在网页中嵌入 YouTube 视频。

嵌入式代码

嵌入式代码是将 YouTube 视频嵌入到网页中的方式。可以通过以下代码在网页中嵌入 YouTube 视频。

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

其中 VIDEO_ID 应替换为你要嵌入的视频的 ID。

参数解析

下表显示了 iframe 标签中使用的所有参数。

参数 | 描述 | 示例 -|-|- width | 视频宽度，以像素为单位 | 560 height | 视频高度，以像素为单位 | 315 src | 视频 URL | https://www.youtube.com/embed/VIDEO_ID frameborder | 是否显示边框 | 0 或 1 allow | 启用哪些播放控件 | accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture allowfullscreen | 是否允许全屏播放 | true 或 false

注意事项

• 嵌入式代码只能在支持 iframe 标签的网页上使用。
• 在iframe标签中必须指定allowfullscreen属性，否则无法对YouTube视频进行全屏播放。
• 在 iframe 标签中指定的视频 ID 必须是公开的，否则无法在网页上嵌入。

以上是嵌入式 YouTube - HTML 的详细介绍。