::backdrop全画面モード時の背後にあるボックスにスタイルを適用する
::backdrop 疑似要素は、全画面モード時に、最上位となるレイヤーの直下に配置されるボックスにスタイルを適用します。例えば、Fullscreen API によって動画を全画面再生中、その背後に黒や半透明の背景を配置できます。
Edge（EdgeHTML）および Internet Explorer では -ms- 接頭辞が必要です。
::backdropのサンプルソース
video::backdrop {
background: rgba(0,0,0,.75);
}
主要ブラウザの対応
| IE11 | ○::-ms-backdrop |
|---|---|
| Edge（EdgeHTML） | ○::-ms-backdrop |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | × |
| iOS Safari | × |
| Android Chrome | ○ |