动态添加HTML5视频或只是暂停它

Question

加载明智和速度明智，我有一个单页网站，我有一个滑块，里面每个滑块有一个html视频。考虑到网站的速度和加载，我想知道视频的最佳实践是什么。

例子. .我有

<div id="slider>
  <div class="slide-1 active">
     <video></video>
  </div>
  <div class="slide-2">
     <video></video>
  </div>
  <div class="slide-3">
     <video></video>
  </div>
  <div class="slide-4">
     <video></video>
  </div>
  <div class="slide-5">
     <video></video>
  </div>
  <div class="slide-6">
     <video></video>
  </div>
</div>

滑动条没有设置在自动播放，只有一个视频被添加，当滑动条是活跃的，如果滑动条不活跃，没有视频在那里。其他视频不会立即添加，所以它不会延迟加载。

我的问题是关于切换滑块和播放视频。当我切换滑块时，我应该删除之前的视频吗?还是我应该暂停?而不是删除和添加视频再次当用户导航到不同的滑块?有没有人能告诉我考虑到速度和负载，最好的方法是什么?我想让一切尽可能的顺利。

提前感谢各位

Answer 1

假设你正在流式传输视频，那么只是暂停应该是好的-客户端(浏览器)只会请求足够的视频'块'来填充缓冲区，当你暂停时，它将不需要再请求，一旦它是满的。

有一点需要注意的是，如果你的视频是直播的，那么你可能不想从暂停点开始，而是从当前直播点开始。