X5 内核是腾讯公司出品的安卓浏览器内核，腾讯旗下 QQ，微信，QQ 浏览器都是该内核，具有强大的 H5 兼容性和视频兼容性，开启 X5 可以有效的增加 APP 的流畅度。
微信浏览器中的video几个特殊属性的作用:
x-webkit-airplay=“allow” : 支持ios的AirPlay功能x5-video-player-fullscreen=“true”: 全屏设置，设置为 true 是防止横屏x5-video-orientation=“portraint”: 播放方向，landscape横屏，portraint竖屏，默认值为竖屏x5-playsinline=“true”: 在x5内核浏览器的播放器中小屏播放webkit-playsinline=“true”: 在iOS中可以让视频在小窗内播放，也就是不全屏播放playsinline=“true”: iOS微信浏览器中支持小窗内播放 实例: <video id="video" src="video.mp4" controls poster="images.jpg" /*视频封面*/ preload="auto" webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放*/ playsinline="true" /*IOS微信浏览器支持小窗内播放*/ x-webkit-airplay="allow" x5-video-player-type="h5" /*启用H5播放器,是wechat安卓版特性*/ x5-video-player-fullscreen="true" /*全屏设置，设置为 true 是防止横屏*/ x5-video-orientation="portraint" /*播放方向， landscape横屏，portraint竖屏，默认值*/ style="object-fit:fill"></video> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">您的浏览器不支持Video标签。</video> <video> 元素提供了 播放、暂停和音量控件来控制视频。同时 <video> 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会根据原始视频的大小而改变。<video> 与</video> 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式