HTML如何嵌入YouTube视频?

在HTML中嵌入YouTube视频是一种常见的方法，这主要因为YouTube为用户提供了嵌入式代码，过程变得相当简单。首先需要将视频上传到YouTube并记下视频的ID，接下来可以在网页中定义一个iframe元素，并将src属性设置为你要嵌入的视频的URL。

一、视频格式

YouTube 提供了多种视频格式供用户选择，包括 MP4、WebM、3GP 等。默认情况下，YouTube 会将视频转换为最合适的格式以适应用户的设备和网络速度。

如果希望在网页中播放特定格式的视频，可以使用 YouTube 的 JavaScript API。通过使用这个 API，可以获取到视频的各种信息，包括其格式、时长等，并可以控制播放器的行为，例如播放、暂停、调整音量等。

以下是一个简单的示例代码：

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}

在这个例子中，我们首先创建了一个新的 YT.Player 对象，然后指定了播放器的高度、宽度和视频ID。我们还定义了一些事件处理器，例如当播放器准备好时开始播放视频，以及当视频播放状态改变时停止视频。

二、YouTube Video Id

可以使用 YouTube 视频的 ID，在 HTML 代码中嵌入和播放视频。以下是一种常见的方法：

<iframe width="560" height="315" src="https://www.youtube.com/embed/视频ID" frameborder="0" allowfullscreen></iframe>

将上述代码中的视频ID替换为要嵌入的 YouTube 视频的实际 ID。例如，如果视频的 URL 是 https://www.youtube.com/watch?v=ih1l6wb7LhU，那么视频的 ID 是 ih1l6wb7LhU。

请注意，上述代码中的width和height属性用于定义嵌入视频的宽度和高度。可以根据需要进行调整。另外，通过设置allowfullscreen属性，用户可以在全屏模式下观看视频。

使用上述代码就可以在网页中嵌入并播放 YouTube 视频了。

三、保费YouTube视频

通过在 HTML 中使用 <iframe> 元素，并将 src 属性指向 YouTube 视频的 URL，可以在网页上嵌入和播放 YouTube 视频。

以下是提供的代码示例的解释：

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

在上述示例中，width 和 height 属性用于定义播放器的尺寸。可以根据需要调整这些值。

src 属性定义了嵌入视频的 URL，其中 https://www.youtube.com/embed/ 是固定的 YouTube 嵌入视频链接的前缀，而 ih1l6wb7LhU 是实际的视频 ID。请确保将 ih1l6wb7LhU 替换为要嵌入的视频的实际 ID。

四、YouTube Autoplay+Mute

可以通过在 YouTube URL 上添加 autoplay=1 来让视频在用户访问页面时自动开始播放。但是，自动开始播放视频会让的访问者感到烦恼！

注意：在大多数情况下，Chromium 浏览器都不允许自动播放。但始终允许静音自动播放。

在 autoplay=1 之后添加 mute=1，可让视频自动开始播放（但已静音）。

YouTube – Autoplay + Muted：

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

五、YouTube Playlist

以逗号分隔的要播放的视频列表（原始 URL 除外）。

六、YouTube Loop

添加 loop=1 会让视频永远循环；
值 0（默认）：视频将播放一次；
值 1：视频将循环（永远）。

YouTube – Loop：

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

七、YouTube Controls

添加 controls=0 会使视频播放器不显示控件；
值 0：播放器控件不显示；
值 1（默认）：播放器控件显示。

YouTube – Controls：

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>