HTML YouTube


播放 HTML 视频的最简单方法是使用 YouTube。


正在为视频格式而烦恼?

将视频转换为不同的格式可能很困难且耗时。

一个更简单的解决方案是让 YouTube 播放您网页中的视频。


YouTube 视频 ID

当您保存(或播放)视频时,YouTube 将显示一个 ID(如 tgbNymZ7vqY)。

您可以使用此 ID,并在 HTML 代码中引用您的视频。


播放 HTML 格式的 YouTube 视频

要在网页上播放视频,请执行以下操作:

  • 将视频上传到 YouTube
  • 记下视频 ID
  • 定义一个<iframe>您网页中的元素
  • src属性指向视频URL
  • 使用width height指定玩家尺寸的属性
  • 将任何其他参数添加到 URL(见下文)

示例

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
亲自试一试 »

YouTube 自动播放 + 静音

您可以让视频在用户访问页面时自动开始播放,方法是添加autoplay=1到 YouTube 网址。但是,自动启动视频会让您的访问者感到厌烦!

笔记:Chromium 浏览器在大多数情况下不允许自动播放。但是,始终允许静音自动播放。

添加mute=1 autoplay=1让您的视频开始自动播放(但静音)。

YouTube - 自动播放 + 静音

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
亲自试一试 »


YouTube 播放列表

要播放的视频的逗号分隔列表(除了原始 URL 之外)。


YouTube 循环播放

添加loop=1让您的视频永远循环播放。

值 0(默认):视频仅播放一次。

值 1:视频将循环播放(永远)。

YouTube - 循环播放

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
亲自试一试 »

YouTube 控制

添加controls=0不在视频播放器中显示控件。

值 0:不显示播放器控件。

值 1(默认):播放器控制显示。

YouTube - 控制

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>
亲自试一试 »