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

Question

在视频不可用、加载缓慢、OS 限制或不支持 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> 元素是什么的情况。显然，如果浏览器不知道 <video> 元素是什么，它就不会知道 poster 属性的作用。

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

What is the difference between using <img> vs poster attribute as a fallback image for HTML5 video tag?

html

cross-browser

html5-video