VIDEO显示层级高的解决方式及VIDEO的参数设置

在需要显示遮盖视频框video的时候

给div设置 宽 高、overflow:hidden;将video放到上面的div里,并设置position:absolute;top:-100000px; 给置出去div,它就看不见了

在需要显示video时,再设置回position和top的值就行了

我测试了,可以用,我在手机端就这么用的



各个属性的参考如下:

controls="controls"

x5-playsinline=""    ?????

playsinline="true"

webkit-playsinline="true"

x-webkit-airplay="true"

x5-video-player-type="h5"   

x5-video-player-fullscreen=""

x5-video-orientation="portraint"



  旋转(横屏|竖屏)
注: 此属性只在声明了 x5­video­player­type="h5" 情况下生效


一:设置playsinline不全屏播放

二:设置 x5­video­player­fullscreen 全屏方式

注意:需要重新监听resize事件监听窗口大小变化

window.onresize=function(){videoplay.style.width=window.innerWidth+"px";videoplay.style.height=window.innerHeight+"px";}

你可能感兴趣的:(VIDEO显示层级高的解决方式及VIDEO的参数设置)