如何在html里面添加视频
时间: 2023-08-11 20:16:25 浏览: 57
在 HTML 中,可以通过`<video>`标签来添加视频。`<video>`标签提供了播放视频所需的所有功能,包括播放、暂停、音量控制、进度条等。
以下是一个简单的 `<video>` 标签的例子:
```html
<video src="example.mp4" controls>
Your browser does not support the video tag.
</video>
```
在上面的例子中,`src`属性指定了视频文件的路径,`controls`属性指定了是否显示控制条。如果浏览器不支持`<video>`标签,那么会显示`<video>`标签之间的文本内容,这里就是`Your browser does not support the video tag.`。
除了`src`和`controls`属性,`<video>`标签还有许多其他属性可以使用,如`width`、`height`、`autoplay`等。你可以根据需要添加这些属性。
需要注意的是,不同的浏览器支持的视频格式不同。为了确保视频能够在大多数浏览器中顺利播放,可以同时提供多个不同格式的视频文件,如mp4、webm、ogg等。可以像下面这样修改上面的例子来同时提供两种不同格式的视频文件:
```html
<video controls>
<source src="example.mp4" type="video/mp4">
<source src="example.webm" type="video/webm">
Your browser does not support the video tag.
</video>
```
在上面的例子中,使用了两个`<source>`标签来指定不同格式的视频文件,浏览器会选择其中支持的格式进行播放。如果都不支持,还是会显示`<video>`标签之间的文本内容。