米侠浏览器手动添加拦截规则屏蔽网页背景视频

作者:技术拾光时间:2026-07-10 10:40:00浏览:552

通过米侠浏览器内置广告过滤功能,手动添加自定义拦截规则可屏蔽网页背景视频。需使用正式版v3.8.0或更高版本并登录账号方可生效。推荐两条规则:##video[autoplay][muted][loop]和div[class*="bg-video"],注意语法准确,避免误杀正常元素。

网页上自动播放的背景视频常常突然弹出,不仅拖慢页面加载速度,还浪费大量流量,尤其在阅读长文时严重影响专注力。米侠浏览器内置的广告过滤功能恰好能解决这一问题——通过手动添加几条拦截规则,即可屏蔽这些烦人的视频,无需安装任何第三方插件。关键在于规则语法要准确,作用域要匹配目标元素。

米侠浏览器手动添加拦截规则屏蔽网页背景视频

确认浏览器支持并启用广告过滤

操作入口十分直观:打开米侠浏览器,点击右上角「≡」,进入「设置」→「隐私与安全」,找到「广告过滤」开关并开启。如果该选项呈灰色,说明你可能使用的是精简版,或尚未登录米侠账号——必须使用正式版 v3.8.0 及以上版本,并登录账号,自定义规则功能才能正常使用。

开启后,下方会出现「自定义规则」入口,点击进入即可开始编写规则。

编写并添加针对背景视频的拦截规则

方法一:屏蔽常见背景视频容器类名(推荐新手)

在「自定义规则」文本框内,逐行输入以下两条规则:

##video[autoplay][muted][loop]
div[class*="bg-video"]

第一条规则直接拦截所有带有 autoplay、muted、loop 属性的 video 标签,这基本覆盖了大多数自动播放的背景视频。第二条规则匹配 class 名中包含 bg-video 的 div 容器——这类容器常用于包裹视频背景,屏蔽后整个区块将不再渲染。注意:方括号和星号一个都不能少,若写成 div[class="bg-video"],则无法匹配 class="hero-bg-video-wrapper" 这类变体名称,规则就会失效。

方法二:精准屏蔽内联 background-video 样式元素

添加规则:

##*[style*="background-video"]

这条规则会拦截所有 style 属性中包含 background-video 字符串的任意标签。有些网站使用 CSS 内联方式加载视频背景,例如 background: url("video.mp4"),这条规则正好可以覆盖。不过需留意:如果页面中其他元素 style 属性也含有 "video" 字样(比如 "advert-video-id"),可能会误伤。建议添加前,先使用开发者工具运行 document.querySelectorAll('[style*="background-video"]'),确认目标元素是否存在,避免误杀。

保存并立即生效

规则编写完成后,点击右下角的「保存」按钮。然后关闭所有目标网页的标签页,重新打开需要屏蔽背景视频的网站(例如 news.sina.com.cn、www.zhihu.com)。刷新页面,观察背景视频区域是否消失。

如果仍有视频残留,可能是漏掉了某些带有 data-src 或 poster 属性的 video 标签,可再添加一条规则:##video[data-src][poster],将其一并拦截。