如何去掉视频右下角水印 怎么通过元素给他去除
通过浏览器开发者工具的元素操作去除视频右下角水印,核心是定位网页 DOM 层水印元素并隐藏 / 删除,仅适用于非视频帧内压制的水印(如悬浮 DOM、CSS 背景图水印);若水印已压制在视频流内(如 B 站部分水印、多数短视频平台),该方法无效,需用剪辑工具裁剪 / 遮盖 / AI 抹除。
通过浏览器开发者工具的元素操作去除视频右下角水印,核心是定位网页 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();
通用watermark、logo见步骤 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 填充背景细节。
注意事项
- 合法性:该方法仅用于个人学习 / 研究,不得用于商业用途,遵守平台版权协议。
- 临时性:浏览器元素操作仅在当前会话有效,刷新页面后需重新操作,或使用油猴脚本持久化。
- 局限性:仅适用于 DOM 层水印,视频流内水印需用剪辑工具处理
ym.miaoshou.net/hospital/1423.html。
总结
- 优先通过 Elements 面板定位水印元素,用
display: none隐藏或直接删除节点。 - 控制台注入通用样式或平台专属代码,快速隐藏水印。
- 动态水印用 MutationObserver 监听,Canvas 水印拦截请求或清空画布。
- 视频流内水印需用剪辑工具裁剪 / 遮盖 / AI 抹除。
更多推荐



所有评论(0)