HTML 视频video标签应用
Posted 奋斗要励志
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML 视频video标签应用相关的知识，希望对你有一定的参考价值。
运用的软件：VSCodeUserSetup-x64-1.52.1.exe
<video></video> ：定义视频（video或者movie）
首先先对HTML概念的理解：
html的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
其次什么是<video> 元素：
<video> 元素用于在 HTML 或者 XHTML 文档中嵌入媒体播放器，用于支持文档内的视频播放。你也可以将 <video> 标签用于音频内容。
参照案例，在<body>标签里写入 <video></video>标签，src链接到你图片的所在位置（建议和项目同一文件夹下）
src：视频的地址
controls：允许用户控制视频的播放，包括音量，跨帧，暂停/恢复播放。
Video标签：src、poster、preload、autoplay、loop、controls、width、height等几个属性， 以及一个内部使用的标签<source>。Video标签内除了可以包含<source>标签外，还可以包含当指定的视频都不能 播放时，返回的内容。
src属性：跟<img>标签的一样，这个属性用于指定视频的地址。
简易写法：
<body>
<video src="视频文件所属地址"></video>
</body>HTML5里video标签支持哪些格式的视频文件？
一共支持三种格式: Ogg、MPEG4、WebM。
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。
HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
HTML5 是HyperText Markup Language 5 的缩写，HTML5技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。
与传统的技术相比，HTML5 的语法特征更加明显，并且结合了SVG的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。
参考技术A一共支持三种格式： Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。
注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。
格式 IE Firefox Opera Chrome SafariOgg No 3.5+ 10.5+ 5.0+ No
MPEG4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
NO：代表不支持这款浏览器。
X.0+：表示支持这款及版本更高的浏览器。
参考技术B 不同的浏览器支持不同格式的视频，比如谷歌 mp4(H.264/AVC)的能直接放，360的和谷歌的一样，火狐的ogg格式的才可以放，IE7以上版本才支持video标签 +.+ 参考技术C 格式 IE Firefox Opera Chrome SafariOgg No 3.5+ 10.5+ 5.0+ No
MPEG4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No 参考技术D Ogg 格式， MPEG 4格式和 WebM
以上是关于HTML 视频video标签应用的主要内容，如果未能解决你的问题，请参考以下文章