video移动端层级过高

1,154 阅读1分钟

开发混合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浏览器,允许视频在特定方向下播放。在这个例子中,视频被设置为在垂直方向上播放。
这些属性和标记可以帮助在移动设备上更好地控制和定制视频播放器。