通过浏览器开发者工具的元素操作去除视频右下角水印,核心是定位网页 DOM 层水印元素并隐藏 / 删除,仅适用于非视频帧内压制的水印(如悬浮 DOM、CSS 背景图水印);若水印已压制在视频流内(如 B 站部分水印、多数短视频平台),该方法无效,需用剪辑工具裁剪 / 遮盖 / AI 抹除。

一、基础操作步骤(通用流程)

打开开发者工具进入视频播放页,按 F12 或 Ctrl+Shift+I 打开开发者工具,切换到 Elements 面板ym.miaoshou.net/doctor/1425.html。

定位水印元素

快速选择:按 Ctrl+Shift+C 激活元素选择器,鼠标点击右下角水印,自动定位到对应 DOM 节点。

搜索定位:按 Ctrl+F 搜索关键词(如 watermark、logo、水印文字),快速找到水印容器(常见类名:.watermark、.logo、.txp_waterMark、.iqp-logo-box 等)。

隐藏 / 删除元素

临时隐藏:选中节点,在右侧 Styles 面板添加 display: none !important; 或 visibility: hidden;,或 opacity: 0;,避免页面布局错乱。

直接删除:右键节点选择 Delete element,立即移除水印容器(刷新后失效)ym.miaoshou.net/hospital/1424.html。

禁用背景图:若水印是 CSS 背景图,找到 background-image 属性,删除该属性或替换为 none。

持久化(可选)

控制台注入样式(页面刷新后失效):

/* 通用隐藏代码,适配多数平台 */
var style = document.createElement('style');
style.innerHTML = '.watermark, .logo, .txp_waterMark_pic, .iqp-logo-box, .youku-layer-logo { display: none !important; }';
document.head.appendChild(style);

    • 油猴脚本(推荐):安装 Tampermonkey 插件,导入去水印脚本,自动隐藏水印。

二、主流视频平台水印定位与代码(直接复用)

腾讯视频

.txp_waterMark_pic、.txp-ui-watermark

document.querySelectorAll('.txp_waterMark_pic, .txp-ui-watermark').forEach(el => el.style.display='none');

爱奇艺

.iqp-logo-box、.iqp-logo-top

document.querySelectorAll('.iqp-logo-box, .iqp-logo-top').forEach(el => el.style.display='none');

优酷

.logo-new、.youku-layer-logo

document.querySelectorAll('.logo-new, .youku-layer-logo').forEach(el => el.style.display='none');

B 站

.bpx-player-watermark

document.querySelector('.bpx-player-watermark')?.remove();

通用watermarklogo见步骤 4 通用隐藏代码

三、进阶技巧(解决复杂水印)

1.动态加载水印部分平台滚动 / 暂停时重新渲染水印,可使用 MutationObserver 监听节点变化并自动隐藏 ym.miaoshou.net/news/1409.html:

//监听并隐藏动态水印(以腾讯为例)
const observer = new MutationObserver(mutations => {
  mutations.forEach(mut => {
    if (mut.addedNodes.length) {
      document.querySelectorAll('.txp_waterMark_pic').forEach(el => el.style.display='none');
    }
  });
});
observer.observe(document.body, { childList: true, subtree: true });


2.Canvas 绘制水印若水印通过 Canvas 绘制,在 Network 面板拦截水印图片请求(过滤 PNG/JPG),或注入脚本阻止 Canvas 绘制:

// 阻止 Canvas 绘制水印(需定位 Canvas 元素)
const canvas = document.querySelector('canvas.watermark-canvas');
if (canvas) canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);

3.视频流内水印(无效场景)
若水印已压制在视频帧内(如短视频平台下载的视频),需用剪辑工具处理:
裁剪:用剪映、Premiere 裁剪右下角水印区域。
遮盖:添加贴纸 / 文字 / 边框遮挡水印。
AI 抹除:用 CutOutPro、Topaz Video AI 等工具,框选水印区域,AI 填充背景细节。

注意事项

  1. 合法性:该方法仅用于个人学习 / 研究,不得用于商业用途,遵守平台版权协议。
  2. 临时性:浏览器元素操作仅在当前会话有效,刷新页面后需重新操作,或使用油猴脚本持久化。
  3. 局限性:仅适用于 DOM 层水印,视频流内水印需用剪辑工具处理
    ym.miaoshou.net/hospital/1423.html。

总结

  1. 优先通过 Elements 面板定位水印元素,用 display: none 隐藏或直接删除节点。
  2. 控制台注入通用样式或平台专属代码,快速隐藏水印。
  3. 动态水印用 MutationObserver 监听,Canvas 水印拦截请求或清空画布。
  4. 视频流内水印需用剪辑工具裁剪 / 遮盖 / AI 抹除。
Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐