阿里云视频点播同层播放问题

  阿里云视频点播在苹果和安卓播放视频的效果不一样,在Android手机上,X5浏览器会劫持Video标签用播放器弹出全屏播放,处于最上层,覆盖DOM元素。导致页面不能继续滑动,现在想在安卓环境下播放视频时页面能够继续滚动。

  根据阿里云视频点播文档,需要在安卓端微信或qq浏览器启用同层播放即可。按官方文档及官方的demo在安卓微信环境浏览也有一样的问题点击播放后,只出来声音画面没出来。

  后来在网上找到方案:

  可以初始化播放器的时候添加

extraInfo:{
    "x5-playsinline":""
},
x5_type:""

  因为现在阿里播放器是默认同层的,按文档添加x5_type: 'h5'以后,android微信环境h5反而会出现播放视频黑屏,只出声音没有画面的情况。

猜你喜欢

转载自www.cnblogs.com/goloving/p/10631851.html