我正在创建一个简单的网络应用。页面上有一个<video>元素。有一个登录表单，当打开时覆盖整个屏幕，但如果您在带有视频的页面上，无论z-index还是visibility: hidden;，视频控件都位于叠加层的顶部。
嗯......它们在视觉上方，但是命中区域在上方，所以你无法与之交互 登录表单。
我已设法在表单打开时使用display: none;标记上的<video>解决此问题（这也是我尝试使用visibility: hidden;但不起作用的内容）但它不是非常理想，因为下面的页面转移了很多。
是否有人遇到此问题并找到了解决问题的方法？
谢谢：）
当我打字时，我想出来了。我想这是其他人会遇到的问题，所以我在下面回答了这个问题。好又简单！
答案 0 :(得分：1)
您可以使用一些javascript / jQuery隐藏控件：
$('video').prop('controls',false);
努力享受。