Наложение специальной сетки на видео применяется в нескольких случаях.
Во-первых, с помощью нее можно снизить видимые артефакты видео (если оно низкого качества), а во-вторых, улучшить восприятие различных элементов, лежащих на поверхности видео (надписи, кнопки и пр.)
Сама сетка, обычно, представляет из себя узор из одного темного квадрата, размером в один пиксель, и прозрачных близлежащих пикселей.
Пример наложения такой сетки на видео:
.video-pattern { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(/img/video-pattern.png); opacity: 1; } |
С помощью свойства opacity можно, при необходимости, регулировать прозрачность наложенной сетки.
Различные примеры сеток можно найти здесь.