网页上那些自动播放的背景视频，动不动就跳出来。它们不仅拖慢页面速度，还白白浪费流量。尤其在阅读长文时，相当影响专注力。

米侠浏览器内置的广告过滤功能，正好可以派上用场。通过手动添加几条拦截规则，就能把这些烦人的视频屏蔽掉。而且不需要安装任何第三方插件。关键在于，规则语法要写得准，作用域要匹配对目标元素。

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

操作入口不难找：打开米侠浏览器，点击右上角「≡」，进入「设置」→「隐私与安全」。找到「广告过滤」开关并开启。

如果这个选项是灰色的，说明你可能用的是精简版，或者还没有登录米侠账号。必须使用正式版 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]，把它也拦下来。

《夸克》非常好用的免费AI浏览器

下载APP查看