对于较慢的连接用户,我想用视频标签替换视频标签

时间:2015-06-01 06:48:36

标签: javascript jquery css html5 css3

我在我的网页上放了一个视频,但该视频的大小很大,因此对于低网速连接用户来说,它会加载缓慢。

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

你可以帮助我解决这个问题。

大家有可能不会......!

1 个答案:

答案 0 :(得分:2)

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

<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标记:)