使用 <iframe> 标签插入来自 Youtube 的视频
以 HTML 格式播放视频的最简单方法是使用 YouTube 作为源。
首先，我们需要将视频上传到 YouTube 或者复制现有视频的嵌入代码，该代码将插入我们网页的 <iframe> 元素中。
要获得 YouTube 视频的嵌入链接，请按照以下简单步骤操作：
- 在 YouTube 上打开视频，然后单击共享按钮。
- 打开嵌入代码。
- 复制源链接。
当我们复制嵌入链接时，我们可以将其作为 <iframe> 元素的 src 插入到 HTML 文档中。
此外，定义视频的宽度和高度。
现在，让我们看看它会是什么样子。
使用 <iframe> 标签从 其他视频 插入视频的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<h2>史蒂夫乔布斯 - 如何在你死之前生活</h2>
<p>在斯坦福大学的毕业典礼演讲中，Apple 和 Pixar 的首席执行官兼联合创始人史蒂夫乔布斯敦促我们追求我们的梦想</p>
<iframe width="500" height="320" src="https://www.youtube.com/embed/1xxxxx">
</iframe>
</body>
</html>
有多种方法可以在中插入视频。
<embed>、<frame> 和 <object> 标签用于将视频插入 HTML 文档。
但是它们现在已被弃用，所以让我们来看看如何使用 <video> 和 <iframe> 标签。
如何设置视频自动播放
要为视频设置自动播放，我们只需为 <video> 标签添加 autoplay 属性，如下所示：
<video width="320" height="240" autoplay>
如果我们希望为自动播放视频启用“控件”选项，请设置自动播放控件。
设置视频自动播放示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<video width="320" height="240" controls autoplay>
<source src=”http://onitroad.com/sample.ogv” type=video/ogg>
<source src="/test-video.mp4" type=video/mp4>
</video>
<p>注意：自动播放属性在某些移动设备上不起作用。</p>
</body>
</html>
使用 <video> 标签在 HTML 中插入视频
<video> 标签与它的兄弟 <audio> 一起添加到 HTML5 中。
在 HTML5 发布之前，视频只能在带有插件（如 Flash）的浏览器中播放。
HTML5 <video> 元素指定了在网页中嵌入视频的标准方式。
也就是说通过在源属性中添加视频网址来标识视频。
人们可以使用它来嵌入从计算机导入或者由外部托管的视频。
对于基本的使用，我们只需要在 HTML 文档中添加视频 URL 到元素中，通过使用 <source> 元素来标识视频 URL 并添加控件属性，以便访问者可以控制视频选项。
使用宽度和高度属性来设置视频的大小也很重要。
让我们看一个简单的例子。
在 HTML 中插入视频的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<video width="320" height="240" controls>
<source src=”http://onitroad.com/sample.ogv” type=video/ogg>
<source src="/test-video.mp4" type=video/mp4>
</video>
<p>经历过风雨，才懂得阳光的温暖。 今天很残酷，明天很残酷，后天很美好。很多人死在了明天的夜里。
经历过风雨，才懂得阳光的温暖。
</p>
</body>
</html>
要使用 <video> 元素，需要使用以下属性：
- src，它定义了托管视频内容的 URL，
- type，定义文件的格式，
- 控件，必须指定，否则将不会出现控制内容播放的视觉元素。
此外，还有几个可选属性可用于影响视频内容的加载方式。
这些属性包括：
- 自动播放，指定视频一准备好就开始播放，
- 循环，它指定视频每次结束时都会重新开始，
- 海报，它选择一个图像作为视频的海报显示，直到播放开始，
- preload，它告诉作者在页面加载时应该如何加载视频。
要记住的另一个关键点是所有现代浏览器都支持 <video> 元素。
目前，HTML5 <video> 标签支持 3 种类型的视频文件：
| Format | MIME-TYPE. |
|---|---|
| MP4 | 视频/MP4. |
| WebM | 视频/webm. |
| Ogg | 视频/ogg. |