如果互联网连接速度很高，请加载此视频，否则显示此图片

Question

我要在首页上自动播放视频。如果互联网连接状况不佳或互联网速度较慢，则应显示图像而不是视频。

示例视频

<video>
   <source src="https://quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
</video>

如果互联网连接不良或互联网速度变慢

<img src="thisimg.jpg" data-alt="thisimg">

有可能吗？

Answer 1

您可能正在寻找video元素的海报属性。参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-poster

  

海报：视频下载时要显示的图像的URL。如果这   未指定属性，直到第一帧都不会显示任何内容   可用，则第一帧显示为张贴者帧。