动态添加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

假设你正在传输视频，那么暂停就可以了-客户端(浏览器)只会请求足够的视频块来填充缓冲区，当你暂停时，它将不需要在它满的时候再请求。

要小心的一件事是，如果你的视频是实况流-那么你可能实际上不想从暂停的点恢复，而是从当前的实况点恢复。