在 HTML 文档中查找失败的图像和视频

Question

给定一个长网页，其中包含来自外部站点的多个嵌入图像和视频。

如果我像这样嵌入图像<img src="https://path-to-image.jpeg" alt="*ERROR*">，其中一些加载失败，我可以在浏览器中搜索“*ERROR*”来找到有问题的图像。我还可以使用 CSS 设置文本消息的样式，使其在视觉上突出。

例如：（右击单词验证确实是元素）

不幸的是，这不适用于某些重定向指向已删除图像的 URL 的站点。具体来说，对于 imgur.

例如，<img src="https://i.imgur.com/missing.jpg" alt="*ERROR*">会显示这个：

（重定向到 https://i.imgur.com/removed.png）

同样，如果找不到嵌入为 <video><source src="https://path-to-video.mp4"></video> 的视频，它将显示如下内容：

如何用文本元素替换（或覆盖）此类重定向图像或丢失的视频 （可以在浏览器中搜索）使用 HTML/CSS/Javascript？最好不依赖外部库，如 jQuery。

请注意，我对 Javascript 和 DOM 不是很熟悉，所以非常感谢详细信息！