如何在html中引入视频

在HTML中引入视频有多种方法，这里我将详细介绍两种常见的方法：使用<video>标签和使用<embed>标签，这两种方法都可以让你在网页上播放视频，但它们之间有一些差异。

1、使用<video>标签

<video>标签是HTML5中新增的标签，用于在网页上嵌入视频内容，它支持多种视频格式，如MP4、WebM和Ogg等，使用<video>标签的方法如下：

在HTML文件中创建一个<video>标签，并为其添加一个唯一的ID，以便在JavaScript中引用它。

<video id="myVideo" width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持Video标签。
</video>

在上面的代码中，我们创建了一个宽度为320像素，高度为240像素的<video>标签，并为其添加了控制器（如播放/暂停按钮），我们为该标签添加了两个<source>标签，分别指向不同的视频格式文件（MP4和Ogg），我们添加了一条消息，以告知用户他们的浏览器不支持<video>标签。

接下来，我们可以使用JavaScript来控制视频的播放，我们可以编写一个函数，当用户点击一个按钮时，开始播放视频：

function playVideo() {
  var video = document.getElementById("myVideo");
  video.play();
}

在上面的代码中，我们首先通过ID获取到<video>元素，然后调用其play()方法来开始播放视频。

2、使用<embed>标签

<embed>标签是HTML4中用于嵌入外部内容的标签，它可以用于嵌入视频、音频和其他多媒体内容，使用<embed>标签的方法如下：

在HTML文件中创建一个<embed>标签，并为其添加一个唯一的ID，以便在JavaScript中引用它。

<embed id="myVideo" src="movie.swf" width="320" height="240" type="application/xshockwaveflash">
  您的浏览器不支持Embed标签。
</embed>

在上面的代码中，我们创建了一个宽度为320像素，高度为240像素的<embed>标签，并为其指定了一个外部Flash播放器文件（如FLV或F4V格式的视频文件），我们添加了一条消息，以告知用户他们的浏览器不支持<embed>标签。

需要注意的是，由于安全和兼容性原因，许多现代浏览器已经停止支持<embed>标签，推荐使用<video>标签来嵌入视频内容。

在HTML中引入视频有两种方法：使用<video>标签和使用<embed>标签。<video>标签是HTML5中新增的标签，支持多种视频格式，且具有更好的兼容性和安全性，而<embed>标签是HTML4中的标签，主要用于嵌入外部内容，如Flash播放器，如果你需要嵌入视频内容，建议使用<video>标签。