Блог

Я пишу расширение для браузера, которое удаляет отвлекающие факторы со страницы путем введения CSS, в основном в виде display: none !important правил.

Однако этот сайт автоматически воспроизводит видео при загрузке, и я понимаю, что мои обычные методы CSS не работают, чтобы предотвратить воспроизведение этого видео вслух; display: none; может эффективно удалить элемент из взаимодействия с DOM, но это не значит, что он был уничтожен или остановлен.

Есть ли какой-либо способ остановить или отключить <video> элементы с помощью CSS, или мне следует искать решение на JavaScript?

Нет способа отключить использование css. Вы можете сделать это в javascript следующим образом.

 const vids = document.querySelectorAll('video');
vids.forEach( x => x.removeAttribute('autoplay'));