H5 video 标签的用法及问题

h5的video标签的用法及问题

关于HTML5视频标签的问题
一、基本

*video标签在兼容性上还是比较差的，如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。但是由于H5在移动设备上展现，基本都是使用webkit内核，只需要考虑Android、IOS设备上的差异。

浏览器不支持/正在加载中 (指定的视频都不能播放时，返回的内容)

video标签有src、poster、preload、autoplay、loop、controls、width、height等几个属性， 以及一个内部使用的标签。*

1、src

*就是媒体文件的URL，不用这个标签也可以使用内部标签，但是个人觉得用src好看些~同样各个浏览器对媒体文件的格式有要求，就支持3种格式ogg、mp4、webM，兼容性如下

格式 　　IE 　　Firefox 　　Opera 　　Chrome　　 Safari
Ogg 　　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*

2、poster
用于指定一张图片的URL，在当前视频数据无效时显示。视