我已经见过几次这样做了，在播放视频时整个页面会变暗或变黑。我想知道如何使用 HTML CSS 或 Javascript 来做到这一点。
这是我的意思的一个例子：http: //allmyvideos.net/vc0uqldjebnz
问问题
2274 次
1 回答
2
创建一个覆盖整个屏幕并且是深色或黑色的覆盖 div。将其设置为不显示。确保您的视频具有更高的 z-index。然后在播放视频时，将覆盖 div 设置为显示，它应该使页面变暗。
例如，像这样设置一个 div：
<div id="overlay" style="display:none;position:fixed;width:100%;height:100%;top:0;left:0;opacity:0.6;"> </div>
页面加载时，您将看不到叠加层。然后当视频播放时，将显示设置为任何内容，但没有将显示覆盖（使用 jQuery 的示例）
$("#overlay").show();
于 2013-02-14T07:17:48.083 回答