HTML Video选择合适的质量

时间:2018-06-21 21:21:06

标签: html5 performance html5-video

我如何才能根据用户的互联网速度传输正确的视频?

我正在为农村地区的人们工作,所以这是必须的。

我了解您可以在视频标签中放入不同的来源,例如,我有2种不同的格式(Webm / MP4)和5种不同的视频质量(240p / 360p / 480p / 720p / 1080p)

<video controls preload="none">
    <source src="v240.mp4" type="video/mp4"></source>
    <source src="v360.mp4" type="video/mp4"></source>
    <source src="v480.mp4" type="video/mp4"></source>
    <source src="v720.mp4" type="video/mp4"></source>
    <source src="v1080.mp4" type="video/mp4"></source>
    <source src="v240.webm" type="video/webm"></source>
    <source src="v360.webm" type="video/webm"></source>
    <source src="v480.webm" type="video/webm"></source>
    <source src="v720.webm" type="video/webm"></source>
    <source src="v1080.webm" type="video/webm"></source>
</video>

  1. 我需要按照确切的顺序排列来源吗?
  2. 我需要做些额外的事情吗?
  3. 我想念什么吗?

谢谢!

0 个答案:

没有答案