怎么用html插入视频
时间: 2024-12-29 15:36:05 浏览: 44
在HTML中插入视频,你可以使用`<video>`标签。下面是一个基本的示例,展示了如何添加在线视频、本地视频以及自适应播放设置:
```html
<!-- 插入在线视频 -->
<video width="640" height="360" controls>
<source src="https://your-video-source.com/video.mp4" type="video/mp4"> <!-- 替换为你实际的视频URL -->
您的浏览器不支持 HTML5 视频。
</video>
<!-- 插入本地视频 -->
<video controls>
<source src="path/to/local/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<!-- 自适应视频播放 -->
<video class="responsive-video" width="100%" height="auto" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
```
在这个例子中:
- `controls`属性会让浏览器提供播放/暂停、音量控制等默认控件。
- `<source>`标签用于指定视频的不同源,可以提供多种格式以便跨设备兼容。
- 如果用户浏览器不支持`<video>`元素,`<video>`内的文本会显示。
阅读全文
相关推荐



















