V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
slucus
V2EX  ›  问与答

安卓手机 video 标签 层级问题

  •  
  •   slucus · 2016-07-25 21:02:28 +08:00 · 3665 次点击
    这是一个创建于 3080 天前的主题,其中的信息可能已经有所发展或是发生改变。
    近期在 mobile 端使用 video 标签的时候遇到一个奇葩的问题:
    安卓手机浏览器上 video 标签永远都是最高层级,在上下滑动页面的时候, video 会把 position:fixed;z-index:9999;的 nav 遮住,折腾了一下午都没有找到比较好的解决办法,请大神支招。。。
    1 条回复    2018-01-08 16:00:22 +08:00
    wujunchuan2008
        1
    wujunchuan2008  
       2018-01-08 16:00:22 +08:00
    无解,但是可以绕过,参考苹果官网的视频播放

    播放器在移动端(尤其是在 X5 内核的浏览器中)会有一些异常.表现在会将 video 标签提升为 Native 控件,覆盖掉底下的 HTML 元素.
    (原生组件优先级肯定要优先于 HTML 元素)

    // 参考苹果官网的处理,Android 用户会使用 H5 弹出框包住 video, 这样子的话,用户就不会发现 video 标签浮在 H5 上了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1077 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 22:45 · PVG 06:45 · LAX 14:45 · JFK 17:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.