我正在创建一个简单的Web应用程序。页面上有一个<video>元素。有一个登录表单，当打开时，该表单会覆盖整个屏幕，但是如果您在带有视频的页面上，而无论z-index或visibility: hidden;，则视频控件都位于覆盖的顶部。
好吧...它们在视觉上位于下方，但命中区域位于上方，因此您无法与
登录表单。
我已经设法在表单打开时使用display: none;标记上的<video>解决了这个问题（这也是我尝试使用的visibility: hidden;无效的方法），但是由于下面的页面移动了大约一点。
有谁遇到过这个问题，并且找到了解决这个问题的好方法？
谢谢 ：）
当我键入此内容时，我发现了。我想这是别人会遇到的问题，所以我在下面回答了。漂亮又简单！
最佳答案
您可以使用一些javascript / jQuery来简单地隐藏控件：
$('video').prop('controls',false);
工作请客。
关于javascript - 在iOS上切换HTML视频可见性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11080327/