Наложение фоновой сетки на видео (Pattern overlay)

Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /var/www/u2424/data/www/bulkin.me/wp-content/plugins/wp-syntax/wp-syntax.php on line 380

Наложение специальной сетки на видео применяется в нескольких случаях.

Во-первых, с помощью нее можно снизить видимые артефакты видео (если оно низкого качества), а во-вторых, улучшить восприятие различных элементов, лежащих на поверхности видео (надписи, кнопки и пр.)

Сама сетка, обычно, представляет из себя узор из одного темного квадрата, размером в один пиксель, и прозрачных близлежащих пикселей.

Пример наложения такой сетки на видео:

.video-pattern {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(/img/video-pattern.png);
    opacity: 1;
}

С помощью свойства opacity можно, при необходимости, регулировать прозрачность наложенной сетки.

Различные примеры сеток можно найти здесь.