ビデオの再生中にページ全体が暗くなったり黒くなったりすることが何度かありました。HTML CSS または Javascript を使用してこれを行う方法を知りたいです。
これが私が意味することの例です: http://allmyvideos.net/vc0uqldjebnz
ビデオの再生中にページ全体が暗くなったり黒くなったりすることが何度かありました。HTML CSS または Javascript を使用してこれを行う方法を知りたいです。
これが私が意味することの例です: http://allmyvideos.net/vc0uqldjebnz
画面全体を占める暗いまたは黒のオーバーレイ 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();