说明：

要确保适用于Safari浏览器，视频文件必须是MPEG4类型。

ogg视频文件，适用于Firefox、Opera以及Chrome浏览器。

video元素允许多个source元素。source元素可以链接不同的视频文件，浏览器将使用第一个可识别的格式。

普及知识：

MP4 = MPEG4文件使用H264视频编解码器和AAC音频编解码器。

WebM = WebM文件使用VP8视频编解码器和Vorbis音频编解码器。

Ogg = Ogg文件使用Theora视频编解码器和Vorbis音频编解码器。

前端html代码事例：

< video width="400px" height="300px"  preload="auto" controls="controls" >

< source src="v1.mp4" data-ke-src="v1.mp4"  type="video/mp4" />

< source src="v1.webm" data-ke-src="v1.webm"   type="video/webm"/>

< /video>

备注：使用时把< video里面的空格去掉。

标签的主要属性：

autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
src	url	要播放的视频的URL。
width	pixels	设置视频播放器的宽度。

网站视频播放不了：

一般是网站服务器运行环境中MIME类型没有添加mp4或webm

在服务器ISS中或者在服务器控制面板找到MIME类型，进行以下添加：

mp4-----video/mp4

webm-----video/webm

网站上的视频就能正常播放了。

上一篇：JavaScript 保留关键词（keyword）- 全部

下一篇：mssql与mysql的数据库有什么区别？