关于video元素在移动端，安卓端播放，层级最高的bug解决。100%有用

最新推荐文章于 2025-04-27 08:12:49 发布

Cold__Star

最新推荐文章于 2025-04-27 08:12:49 发布

阅读量4.1k

点赞数 3

CC 4.0 BY-SA版权

文章标签： javascript html css

本文链接：https://blog.youkuaiyun.com/Cold__Star/article/details/109571881

本文介绍了解决video元素在安卓端播放视频时层级最高的问题。通过正确设置x5-video-player-type等属性，避免了遮挡弹窗的情况，并确保了iOS和安卓设备上的良好表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

video元素在安卓端播放视频，层级最高，遮挡弹窗，百度一堆都是说加x5-video-player-type="h5"属性，其实不然，正确的写法是

  <div class="video">
    <video 
    x5-video-player-type="h5"
    webkit-playsinline="true" 
    playsinline="true"
    src="https://1251250874.vod2.myqcloud.com/439f276avodtransgzp1251250874/89c9f3a15285890799882254764/v.f20.mp4" controls></video>

百度一堆叫你加x5-playsinline ，会导致在x5内核浏览器中播放层级最高，去掉完美解决，经过测试ios和安卓perfect
解决video移动端层级最高bug