如何html中调用视频

在HTML中调用视频，我们通常使用<video>标签，以下是详细的步骤：

1. 使用<video>标签

<video>标签是HTML5引入的新特性，用于在网页中嵌入视频，它的基本语法如下：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

在这个例子中，width和height属性定义了视频播放器的宽度和高度（以像素为单位）。controls属性添加了播放、暂停和音量控制。

<source>标签的src属性定义了视频文件的路径，type属性定义了视频文件的类型，如果浏览器不支持<video>标签，那么它会显示<source>标签内的文本。

2. 提供多种格式的视频源

不是所有的浏览器都支持所有的视频格式，为了确保视频在所有浏览器中都能播放，你可以提供多种格式的视频源。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</article>

在这个例子中，如果浏览器支持MP4格式的视频，它会播放movie.mp4；如果不支持，但支持Ogg格式的视频，它会播放movie.ogg。

3. 使用<iframe>标签

如果你的视频托管在YouTube或Vimeo等外部服务上，你可以使用<iframe>标签来嵌入视频。

<iframe width="560" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY" frameborder="0" allow="autoplay; encryptedmedia" allowfullscreen></iframe>

在这个例子中，src属性是YouTube视频的URL，后面加上了/embed/。frameborder属性设置为0，以移除边框。allowfullscreen属性允许全屏播放。

以上就是在HTML中调用视频的方法。