移动端使用video播放视频,现在需要在视频上面放两个按钮,如图
但是在手机浏览器中播放时视频永远会遮住按钮,不关z-index多大,ios和安卓
都一样。
然后看了一下B站的手机网页版,貌似播放的时候也没有弹幕,也显示不了自定义控件。
有没有人遇到过相同的问题,如何解决?
移动端使用video播放视频,现在需要在视频上面放两个按钮,如图
但是在手机浏览器中播放时视频永远会遮住按钮,不关z-index多大,ios和安卓
都一样。
然后看了一下B站的手机网页版,貌似播放的时候也没有弹幕,也显示不了自定义控件。
有没有人遇到过相同的问题,如何解决?
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
3 回答1.4k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
2 回答1.9k 阅读✓ 已解决
3 回答1.1k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
我也试过这个问题。在原生的video 标签上覆盖可能无法实现,因为播放后的页面会自动到最顶层(我测试是这样的,可能有其他方法)。我的建议是仔细分析下你的需求,看看能不能换过方式实现。不行的话可以用开源的播放器框架video.js等等,重写按钮会简单很多。手机码字不是很规范,谅解。