解决移动端视频层级最高的问题,修改video属性

Posted zhanghailing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决移动端视频层级最高的问题,修改video属性相关的知识,希望对你有一定的参考价值。

在网页设计在移动端设计的时候有些box里面都是需要放置video的时候,video的时候的层级总是最高的,这个时候就是需要在video的基础上修改属性就可以了,具体的属性如下,大家可以参考参考:

<video src="https://hy.v.netease.com/2018/1030/5c9caed3eea6c6e079673d031fca3350qt.mp4" 
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"></video>

 


各个属性的参考如下:

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"
————————————————
版权声明:本文为CSDN博主「哈哈hyc」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/erdfty/article/details/83582755

以上是关于解决移动端视频层级最高的问题,修改video属性的主要内容,如果未能解决你的问题,请参考以下文章

移动端video总是浮在所有层级上面怎么解决

解决手机端视频播放后层级混乱的问题

关于IOS下的video标签层级问题

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

video标签在移动端使用过程中问题小结

安卓手机H5 video的层级关系很高,会压住div,请问有解吗