使用<img/>与海报属性作为HTML5视频标记的后备图像有什么区别？

Question

在视频不可用，加载缓慢，操作系统限制或不支持HTML5标记期间，浏览器如何实际回退？

<video src="/video.mp4" poster="/fallback-image.png" />

<video src="/video.mp4">
  <img src="/fallback-image.png" />
</video>

<video src="/video.mp4" poster="/fallback-image.png">
  <img src="/fallback-image.png" />
</video>

什么是跨浏览器首选方法？使用它们是否合理？

Answer 1

海报不是后备图像。它是在视频播放之前显示的图像。

添加img元素作为视频元素的内容仅适用于浏览器非常老并且不知道<video>元素是什么的情况。显然，如果浏览器不知道<video>元素是什么，它就不会知道海报属性的作用。