开发混合app的时候经常会碰到安卓video播放加载视频的时候层级太高问题,目前使用以上属性可以解决问题;
<video
controls
webkit-playsinline
playsinline
x5-video-player-type="h5"
x5-playsinline=""
x-webkit-airplay="true"
x5-video-player-fullscreen=""
x5-video-orientation="portraint"></video>
webkit-playsinline
: 适用于iOS设备的Safari浏览器,允许内联播放视频,而不是在全屏模式下打开。如果这个标记不被使用,Safari会默认在全屏模式下打开视频。playsinline
: 适用于iOS 10+的Safari浏览器,允许内联播放视频,而不是在全屏模式下打开。与上面的标记类似,但是更加通用,因为它适用于Safari上的所有设备。x5-video-player-type="h5"
: 适用于腾讯X5浏览器,强制使用HTML5播放器,而不是默认的Flash播放器。x5-playsinline=""
: 适用于腾讯X5浏览器,允许内联播放视频,而不是在全屏模式下打开。x-webkit-airplay="true"
: 适用于iOS设备的Safari浏览器,允许视频通过AirPlay技术在其他设备上播放。这个属性被设置为“true”,以确保视频可以通过AirPlay进行播放。x5-video-player-fullscreen=""
: 适用于腾讯X5浏览器,允许在全屏模式下播放视频。如果这个标记不被使用,X5浏览器会默认在内联模式下播放视频。x5-video-orientation="portraint"
: 适用于腾讯X5浏览器,允许视频在特定方向下播放。在这个例子中,视频被设置为在垂直方向上播放。