当src是html img标签中的视频时，onerror不再触发

Question

几年来，我一直在网页上使用以下代码，但最近它已停止在Firefox中运行（未检查其他浏览器）：

<img src="video.MP4" onerror="this.src='vid.png';"/>

无论何时src是视频而不是图像，都会触发onerror，该错误显示标准的视频图像代替视频。大多数项目都是图像，并且仍然可以正确加载，我只是想让视频显示图像。

现在，浏览器因加载图标旋转而挂起。 “网络”标签显示加载完成，但是该元素根本不会加载，无论是占位符还是视频。可能它仍在尝试下载视频，并且“网络”标签不正确。

是否可以将所有非图像（尤其是视频）文件都还原为默认图像？谢谢。

Answer 1

我很确定下面的代码可以实现您想要的功能，尽管我不确定哪些浏览器不支持video标签，因此我尚未对其进行测试。

如果浏览器不支持img标签，则video元素应显示为后备。需要说明的是，尽管不确定为什么不能将img元素用作备用，我不确定。

<video poster='image.jpg'>
  <source src='video.mp4' type='video/mp4'>
  <img src='image.jpg' />
</video>