3

ビデオの再生中にページ全体が暗くなったり黒くなったりすることが何度かありました。HTML CSS または Javascript を使用してこれを行う方法を知りたいです。

これが私が意味することの例です: http://allmyvideos.net/vc0uqldjebnz

4

1 に答える 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;">&nbsp;</div>

ページが読み込まれると、オーバーレイは表示されません。次に、ビデオの再生時に、ディスプレイをオーバーレイを表示するもの以外に設定します (jQuery を使用した例)。

$("#overlay").show();
于 2013-02-14T07:17:48.083 に答える