Javascript 如何检测html5背景视频和显示图像的不兼容浏览器？

我设计了一个带有全屏背景html5视频的页面，页面主体中覆盖了表单元素。Chrome和firefox，以及他们的移动对手都能在后台正确播放视频

然而，我尝试了另一款手机浏览器小米网络浏览器，它将webm视频加载到所有内容之上，全屏。。。阻止页面上的所有其他内容并使其无法使用。基本上是最坏的情况

我想说得很清楚，浏览器支持视频标签，因此海报属性或在视频元素中嵌套图像没有任何效果。问题不在于视频没有加载，而是它加载在所有其他内容之上，这意味着似乎没有明确的方法来处理这种不兼容的显示问题。希望有一些解决办法，允许浏览器的用户将视频元素弹出页面，仍然使用该网站

我有没有办法在不太兼容的浏览器上强制在后台播放视频，或者检测到页面元素不可见并删除视频，或者改用背景图像

视频录像机{ 位置：固定； 最高：50%； 左：50%； 最小宽度：100%； 最小高度：100%； 宽度：自动； 高度：自动； z指数：-1000； 背景：urlmages/particles.jpg不重复； 背景尺寸：封面； }

---

您好，亲爱的，我不确定，但可能它与一些css一起工作，如下所示：

.全屏{ 高度：100vh； 背景颜色：浅蓝色； 颜色：红色； }

---

我设计了一个带有全屏背景html5视频的页面-请不要。我同意这通常是一个坏主意/web2.0呕吐物，但它与这种设计配合得非常好。视频很微妙，页面也很小。这不是一个内容页面，只是一个临时的保留页面，而整个网站正在建设中，所以它需要有一点视觉上的趣味性。不幸的是，这是一个不同的问题可能重复。浏览器可以渲染视频，它只是将其渲染在所有其他内容之上，忽略z索引。我可以确认，为不受支持的视频标记设置一个后备jpg并不能解决这个问题。对不起，我应该提到我已经为视频元素设置了CSS属性。我编辑了我的帖子来澄清这一点。对不起，你的问题还没有解决。你能给你梦幻般的网页放张图片吗？？？