移动端怎么在video上面覆盖div等元素?

移动端使用video播放视频,现在需要在视频上面放两个按钮,如图
clipboard.png

但是在手机浏览器中播放时视频永远会遮住按钮,不关z-index多大,ios和安卓
都一样。

然后看了一下B站的手机网页版,貌似播放的时候也没有弹幕,也显示不了自定义控件。
有没有人遇到过相同的问题,如何解决?

阅读 16.2k
3 个回答

我也试过这个问题。在原生的video 标签上覆盖可能无法实现,因为播放后的页面会自动到最顶层(我测试是这样的,可能有其他方法)。我的建议是仔细分析下你的需求,看看能不能换过方式实现。不行的话可以用开源的播放器框架video.js等等,重写按钮会简单很多。手机码字不是很规范,谅解。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题