禁用CSS中的视频

问题描述

我正在编写一个浏览器扩展程序，该程序通过注入CSS来消除页面上的干扰，大多数情况下采用display: none !important规则的形式。

但是，该站点在加载时会自动播放视频，而且我意识到我惯用的CSS技术无法阻止该视频大声播放； display: none;可能会有效地将该元素从与DOM的交互中删除，但这并不意味着该元素已被破坏或停止。

是否可以使用CSS停止或静音<video>元素，还是应该寻找JavaScript解决方案？

解决方法

没有一种禁用CSS的方法。您可以使用javascript这样操作。

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