智享百科屋
霓虹主题四 · 更硬核的阅读氛围

用过滤规则屏蔽网页自动播放,让浏览器清净起来

发布时间:2025-12-20 16:10:29 阅读:196 次

你有没有遇到过这样的情况?打开一个新闻网站,正准备看文章,突然“啪”一声,视频开始自动播放,声音猛地炸出来,吓一跳不说,还特别烦。更糟的是,有些页面连着几个视频轮番自播,关都关不完。其实,不用装插件、也不用调系统设置,用过滤规则就能轻松解决这个问题。

什么是过滤规则

过滤规则原本是广告拦截工具(比如 uBlock Origin、AdGuard)用来屏蔽广告的语法。但它不仅能挡广告,还能拦截页面上的特定元素或行为,比如自动播放的媒体。只要写对规则,就能让那些偷偷启动的视频音频彻底消停。

从哪里下手?

大多数自动播放的视频都依赖 <video><audio> 标签,并且带有 autoplay 属性。我们就可以针对这个特征写一条规则,告诉浏览器:“凡是带 autoplay 的媒体,直接拦下”。

动手写一条过滤规则

打开你用的广告拦截扩展(以 uBlock Origin 为例),进入“我的过滤器”页面,添加下面这行规则:

##video[autoplay], audio[autoplay]

这行规则的意思是:在页面中隐藏所有带有 autoplay 属性的 videoaudio 元素。添加后刷新页面,你会发现那些本来会自动播放的视频不见了,页面也安静了。

有些网站“伪装” autoplay 怎么办?

有的网站不直接写 autoplay,而是用 JavaScript 动态触发播放。这种情况下,上面的规则就拦不住了。我们可以换种方式,直接阻止媒体资源加载。

在过滤器里加一条网络请求级别的规则:

||example.com^$media,third-party

example.com 换成具体网站的域名。这条规则会阻止该站点的外部媒体资源加载,从根本上断掉自动播放的可能。如果你经常被某个娱乐网站骚扰,专门加一条针对性规则最有效。

不想全站屏蔽?可以更精准

有时候你只想屏蔽某个位置的自动播放,比如侧边栏的推荐视频,但保留正文里的视频正常播放。这时候可以用更具体的 CSS 选择器。

比如发现侧边栏视频都有 class="rec-video",就可以写:

##.rec-video video

这样只屏蔽指定区域的视频,灵活又精准。

手机浏览器也能用吗?

部分移动端浏览器支持内容拦截,比如 Safari 配合内容拦截类 App,或者 Kiwi Browser 这类支持扩展的安卓浏览器。只要能导入过滤规则,方法是一样的。不过性能较弱的设备上,规则太多可能影响加载速度,建议只保留常用的几条。

过滤规则就像给浏览器装了个“静音开关”,不需要每次手动点关闭,也不用依赖网站良心。花几分钟设置一次,以后上网少很多烦心事。下次再遇到跳出来乱播的视频,别忍了,动手加条规则,立马清净。