html - 如何创建一个视频页面，在开始播放视频后，其他所有内容都会消失，视频在浏览器上居中？

Question

我在某些网站上看到，在页面上开始播放一些视频后，其他所有内容都会熄灭，视频开始播放。如何才能做到这一点？是否只能使用某些特定的视频类型(例如 Flash)？

Answer 1

创建一个浏览器窗口大小的大 div，给它一个 100 左右的 z-index，然后给视频一个高一倍的 z-index。将它的背景设为黑色，并且可能带有一些不透明度。

.someDiv{ 背景:黑色； z-指数:100； } 。视频{ z-指数:101；

然后用JS让div在点击播放的时候显示出来。还有一个单独的“Dim Lights”按钮。