如何创建一个视频页面，在启动视频后，其他一切黑屏和视频中心在浏览器上？

Question

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

Answer 1

创建一个大的浏览器窗口大小的div，给它一个100左右的z索引，然后给视频一个更高的z索引。使背景变黑，并且可能具有一些不透明度。

.someDiv {     背景：黑色;       z-index：100;     }     。视频{       z-index：101;     }

然后使用JS在单击播放时显示div。还有一个单独的“昏暗灯光”按钮。

Answer 2

这称为Lightbox。

它通常用于显示图像，但可用于将焦点放在页面上的任何内容上。鉴于;不，它不仅与flash兼容，因为您可以将效果应用于任何元素。

除了为视频元素（例如flash和<video>）编写自定义视频元素之外，您可能只需修改existing one。