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

时间:2012-08-19 18:55:49

标签: html flash

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

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

这称为Lightbox

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

除了为视频元素(例如flash<video>)编写自定义视频元素之外,您可能只需修改existing one