网页内部（包括微信）嵌入iframe视频 出现遮盖问题 用z-index无效 求指教！！！

Question

如图所示，
iframe引入的视频所在最外层 遮盖了其它fixed定位的元素！！！
使用z-index没有作用！！！
求助各位，说说看法也行。
个人感觉是点开播放之后，视频会调用手机视频控件，然后总是最外层。
（目前测了几个手机，ios和一加手机不遮盖，大部分安卓机都会遮盖）

Answer 1

虽然不清楚是不是你想要的效果，但是我的理解是您可以尝试用插件，建议你不要用iframeiframe去引入视频，现在不是有个插件叫做video.js可以用一下，之前做手机的视频播放开发就是用这个插件，点击打开之后直接是在后面添加了一层的透明黑

Answer 2

很多浏览器或app内置webview都对视频做了特殊处理的。我知道在微信里，想要覆盖在视频之上是不可能办到的。。

Answer 3

嘿嘿，同样的需求，我试过用 <canvas id="canvas"></canvas> 把视频内容绘制出来。
然后你想怎么的就怎么的，不用担心，兼容问题。