安卓手机 video 标签 层级问题

2016-07-25 21:02:28 +08:00
 slucus
近期在 mobile 端使用 video 标签的时候遇到一个奇葩的问题：
安卓手机浏览器上 video 标签永远都是最高层级，在上下滑动页面的时候， video 会把 position:fixed;z-index:9999;的 nav 遮住，折腾了一下午都没有找到比较好的解决办法，请大神支招。。。
3515 次点击
所在节点    问与答
1 条回复
wujunchuan2008
2018-01-08 16:00:22 +08:00
无解,但是可以绕过,参考苹果官网的视频播放

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

// 参考苹果官网的处理,Android 用户会使用 H5 弹出框包住 video, 这样子的话,用户就不会发现 video 标签浮在 H5 上了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/294868

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX