H5标签 video标签的使用

HTML5支持多种媒体元素,video 原件可以单独使用，或者综合source原件，一个简单的栗子说明。
虽然video和audio元素都包含src属性，但此示例使用该source元素提供多种格式的视频文件，允许每个浏览器“选择”它支持的元素。

<video controls>
  <source src="somevideo.webm" type="video/webm">
  <source src="somevideo.mp4" type="video/mp4">
  对不起；您的浏览器不支持HTML5视频在WebM和VP8 / VP9或MP4 
</video> 

	对于大多手机端已经和好支持视频文件的播放，大多允许的情况，我们可以直接<video> 原件单独来使用。
	
<video controls="controls" muted poster="img/huge.jpeg" src="xxx.mp4">
	对不起；您的浏览器不支持HTML5视频在WebM和VP8 / VP9或MP4
</video>

video 原件支持的视频格式：
1、type = “video/webm” （包含视频的WebM媒体文件（也可能包含音频）。）

2、audio/webm = “audio/webm”（只包含音频的WebM媒体文件。）

3、type = “audio/ogg”（只包含音频的Ogg文件。）

4、type = “video/ogg”（包含视频（也可能是音频）的ogg文件。）

5、type = “application/ogg”（未指定内容的Ogg文件。使用其他两种MIME类型之一是首选，但是如果您不知道文件的内容是什么，则可以使用它。）

其他属性介绍：
src：要嵌入页面视频url

controls：设置或返回音频/视频是否显示控件（比如播放/暂停等）

muted：设置值后，，音频会初始化为静音

poster：一个海波帧的url,用于用于在视频或者调帧之前展示

webkit-playsinline=“true” playsinline=“true” 视频初始化播放是否全屏播放

<video controls muted webkit-playsinline="true" playsinline="true" poster="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1510137791313&di=f72e421769e1db6411f695aa902a9db6&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201505%2F02%2F20150502145033_kXQT5.jpeg" src="http://10.251.3.210/mp4files/3189000000012D39/183.213.28.113/69774EA05634B83F73DF2F3E54/030008070059FFE49B2EB035E5765ADDEDAD42-069E-2E82-E9A6-50B351F2E9A5.mp4">
		您的浏览器不支持该视频播放
</video>