javascript - 对于连接速度较慢的用户，我想用图像标签替换视频标签

Question

我在我的网页中放置了一个视频，但该视频的尺寸很大，因此对于低网速连接用户来说加载速度很慢。

对于网速高的用户，视频将按原样播放，对于网速低的用户，将显示图像而不是视频(对于网速低的用户，视频将不会播放)

你们能帮我解决这个问题吗

伙计们，有可能不会......!

Answer 1

您可以在下载视频的同时在您的视频标签中使用海报属性。

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

否则，如果您想用图片替换视频，只需将您的视频标签更改为 img 标签:)