CSS ::backdrop

::backdrop伪元素就是控制需要视觉聚焦的元素后面的背景元素样式的。

CSS代码：
/* 给全屏时候视频背景加个透明 */
video::backdrop {
    background-color: #fff;
    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}
HTML代码：
<video src="./fish.mp4" width="480" height="270" controls></video>

::backdrop伪元素兼容：