HTML5-video标签-实现点击预览图播放或暂停视频

以下内容摘抄至W3Cschool  

浏览器支持：

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签。

 注释：Internet Explorer 8 以及更早的版本不支持 标签。

video的视频格式及编码支持兼容

视频格式最好MP4，视频编码：H264

属性 值 描述

autoplay autoplay                                       如果出现该属性，则视频在就绪后马上播放。

---

controls controls                                         如果出现该属性，则向用户显示控件，比如播放按钮。

---

height pixels                                               设置视频播放器的高度。

---

loop loop                                                     如果出现该属性，则当媒介文件完成播放后再次开始播放。

---

muted muted                                               规定视频的音频输出应该被静音。

---

poster URL                                                  规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。

---

preload preload                                           如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。

---

src url                                                          要播放的视频的 URL。

---

width pixels                                                 设置视频播放器的宽度。

---

x-webkit-airplay="allow"

---

 x5-video-player-type="h5"　                        启用H5播放器,是wechat安卓版特性

---

 x5-video-player-fullscreen="true"　             全屏设置，设置为 true 是防止横屏

---

 x5-video-orientation="portraint"　                播放器支付的方向，landscape横屏，portraint竖屏，默认值为竖屏

---

 webkit-playsinline="true"　                           这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放

---

 playsinline="true"　                                       IOS微信浏览器支持小窗内播放

---

video   属性解释详情：https://blog.csdn.net/qq_16494241/article/details/62046891