Полоса-артефакт у видео

Сайт сделан на WP, и на главной странице вставлено видео, в виде вращающейся банки вокруг своей оси. И рядом с данной банкой, справа образуется вертикальная полоса, но проблема в том, что её можно увидеть не на любом экране. У меня на ноутбуке видно, у коллеги на мониторе нет, на другом ноуте у коллеги тоже не видно, у заказчика на ноуте видно. Не можем понять как это можно исправить.

фото сайта с полоской


Ответы (1 шт):

Автор решения: Qwertiy

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

Если правый пиксель видео не жалко, повесь на него или какой-то из его родителей:

clip-path: inset(0 1px 0 0);

Можно на всякий случай ещё нижний отрезать:

clip-path: inset(0 1px 1px 0);

Или вообще со всех 4 сторон:

clip-path: inset(1px);

И не забудь в коде оставить коммент, зачем это надо.

→ Ссылка