HTML5 视频标签

视频标签使用详解

原创于 2015-11-14 09:32:31 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #html5视频标签

境-H5 专栏收录该内容

47 篇文章

订阅专栏

本文详细介绍如何使用HTML的<video>标签来嵌入和播放视频内容，包括设置宽度、高度、控制条等功能，并提供了浏览器不支持视频标签时的提示信息。

<video> 标签定义视频，比如电影片段或其他视频流。

<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
  <source src="http://onestopweb.cn/test/movie.mp4" type="video/mp4">
  您的浏览器不支持视频标签。
</video>
</body>
</html>

提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性图：

效果图：

来源：http://www.w3school.com.cn/