怎么在HTML中使用video标签插入视频

这篇文章主要介绍怎么在HTML中使用video标签插入视频，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

在HTML中，可以使用video标签插入视频，语法格式“<video class="lazy" data-src="视频地址"></video>”；video标签可以定义视频，支持MP4、WebM、Ogg三种视频格式。

视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。

如需在 HTML5 中显示视频，您所有需要的是：

<video class="lazy" data-src="movie.ogg" controls="controls"></video>

controls 属性供添加播放、暂停和音量控件。包含宽度和高度属性也是不错的主意。

HTML插入视频的代码：

<video width="420" height="200" controls autoplay>        <source class="lazy" data-src="movie.mp4" type="video/ogg">        <!--因为我的视频格式是MP4，所以路径的视频格式为MP4，下边注释的地方，就是你的视频什么格式就弄什么格式！-->        <!--<source class="lazy" data-src="img/video/movie.mp4" type="video/mp4">        <source class="lazy" data-src="movie.webm" type="video/webm">-->        <object data="movie.mp4" width="320" height="240">            <embed width="420" height="200" class="lazy" data-src="movie.mp4">        </object>    </video>

效果为：

以上是“怎么在HTML中使用video标签插入视频”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网行业资讯频道！