在 html 中插入视频的方法有:使用 标签,指定视频来源和播放控件。使用 标签嵌入来自外部网站的视频,设置宽高以适应视频大小。

如何在 HTML 中插入视频
方法一:使用<video></video>标签
这是在 HTML 中嵌入视频的最简单、标准的方法。以下是如何使用<video></video>标签插入视频:
- 创建一个
<video></video>元素。 - 指定要播放的视频文件的来源,使用
src属性。 - 使用
controls属性添加播放控件。
示例代码:
立即学习“前端免费学习笔记(深入)”;
<code class="html"><video src="video.mp4" controls></video></code>
方法二:使用<iframe></iframe>标签
<iframe></iframe>标签可用于嵌入来自外部网站的视频,例如 YouTube 或 Vimeo。以下是如何使用<iframe></iframe>标签插入视频:
- 创建一个
<iframe></iframe>元素。 - 指定目标视频的 URL,使用
src属性。 - 设置适当的高度和宽度,以适应视频大小。
示例代码:
立即学习“前端免费学习笔记(深入)”;
<code class="html"><iframe src="https://www.youtube.com/embed/123456789" height="360" width="640"></iframe></code>
提示:
- 为确保视频在所有浏览器中都能正常播放,建议提供不同格式的视频文件,例如 MP4 和 WebM。
- 使用
<source></source>元素指定多个视频源。 - 可以使用 JavaScript 操纵
<video></video>元素来控制播放。











