如何在html中添加视频

在HTML中添加视频有多种方法，以下是一些常见的方法：

1、使用<video>标签

<video>标签是HTML5中用于嵌入视频的标签，它支持多种视频格式，如MP4、WebM和Ogg，要使用<video>标签，只需在HTML文件中插入以下代码：

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

在这个例子中，我们设置了视频的宽度和高度为320×240像素，并添加了控件（如播放/暂停按钮）。<source>标签用于指定视频文件的来源，可以是本地文件或在线URL，如果浏览器不支持<video>标签，将显示“您的浏览器不支持Video标签”文本。

2、使用<embed>标签

<embed>标签是HTML4中用于嵌入视频的标签，它支持的视频格式较少，主要是FLV和MP4，要使用<embed>标签，只需在HTML文件中插入以下代码：

<embed width="320" height="240" src="movie.swf" type="application/xshockwaveflash">

在这个例子中，我们设置了视频的宽度和高度为320×240像素，并指定了视频文件的来源（如FLV文件）和类型（如Flash播放器），请注意，由于安全和兼容性问题，大多数现代浏览器已经停止支持<embed>标签。

3、使用第三方视频播放器库

除了使用HTML内置的<video>和<embed>标签外，还可以使用第三方视频播放器库，如Video.js、Plyr等，这些库提供了丰富的功能和更好的兼容性，可以让您轻松地在网页上嵌入视频，以下是使用Video.js的示例：

在HTML文件中引入Video.js库：

<link href="https://vjs.zencdn.net/7.11.4/videojs.min.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>

在HTML文件中添加一个<video>标签，并为其添加一个类名（如“myvideo”）和一个ID（如“myvideoplayer”）：

<video id="myvideoplayer"  controls preload="auto" width="640" height="360">
  <source src="movie.mp4" type="video/mp4">
  <p >要查看此视频，请启用JavaScript，并考虑升级到支持HTML5视频的Web浏览器</p>
</video>

初始化Video.js播放器：

<script>
  var player = videojs('myvideoplayer');
</script>

这样，您就可以在网页上嵌入一个功能强大的视频播放器了，您可以根据需要自定义播放器的样式和功能，更多关于Video.js的信息和示例，请访问官方文档：https://videojs.com/docs/guides/setup.html

在HTML中添加视频有多种方法，您可以根据需求和技术栈选择合适的方法，如果您使用的是HTML5和现代浏览器，建议使用`<br/>