直接删和标签不会丢失页面主体内容，但会移除视频播放能力与占位结构；删除的是嵌入行为而非视频文件本身，需根据是否依赖相关JS事件或通信决定是否先检查引用。
直接删 <video></video> 和 <iframe></iframe> 标签会丢内容吗？
不会丢页面主体内容，但会移除所有视频播放能力与占位结构。重点在于：你删的是「嵌入行为」，不是「视频文件本身」。如果只是想清理开发残留、屏蔽第三方视频（如广告位、测试用 iframe）、或准备导出纯文本稿，直接删除是安全的；但如果页面逻辑依赖 video 的 loadeddata 事件或 iframe 的 postMessage 通信，就得先查 JS 引用再动手。
用 querySelectorAll 批量移除所有视频相关标签
在浏览器控制台或生产环境脚本中执行，能一次清掉 <video></video>、<iframe></iframe>（含常见视频平台）、以及带 video 类名的容器：
document.querySelectorAll('video, iframe[src*="youtube.com"], iframe[src*="vimeo.com"], iframe[src*="bilibili.com"], .video-wrapper, [data-video]').forEach(el => el.remove());
说明：
-
video匹配所有原生视频标签 -
iframe[src*="..."]是按域名模糊匹配，覆盖主流平台；若需更全，可追加src*="tencent.com"或src*="iqiyi.com" -
.video-wrapper是常见前端封装类名，实际项目中建议先Ctrl+F搜一遍 class 定义再调整 -
[data-video]覆盖自定义属性标记的视频区块，比依赖 class 更可靠
用正则批量从 HTML 文件里删视频代码（命令行）
适合 CI/CD 或本地批量处理静态文件，不依赖浏览器环境。注意：正则不能解析 HTML 结构，只适用于格式规整、无 JS 混淆的源码。
立即学习“前端免费学习笔记（深入）”；
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
Linux/macOS 终端中执行：
perl -0777 -i -pe 's/<video[^>]*>[\s\S]*?<\/video>//gi; s/<iframe[^>]*src=["\'][^"\']*?(youtube\.com|vimeo\.com|bilibili\.com)[^"\']*?["\'][^>]*>[\s\S]*?<\/iframe>//gi' index.html
关键点：
-
-0777让 perl 以段落模式读整个文件，支持跨行匹配 - 第一个
s///清空所有<video>...</video>块（含属性和子标签） - 第二个
s///只删「src 含指定域名」的<iframe></iframe>，避免误杀地图、表单等非视频 iframe - 执行前务必
cp index.html index.html.bak备份
删完还要检查什么？
视频标签常带副作用，删完容易漏掉三类残留：
- JS 中硬编码的
document.querySelector('video')或player.play()调用，运行时会报Cannot read property 'play' of null - CSS 里针对
video或iframe的样式规则（比如video { max-width: 100%; }），删标签后可能影响其他元素布局 - 父容器设了
display: grid但靠<video></video>占位撑高度，删完后出现空白塌陷——得补min-height或改用伪元素占位
真正麻烦的从来不是删标签，而是删完之后，那些没显式写在 HTML 里、却靠视频存在才生效的隐式依赖。
