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>

滑块未在自动播放中设置，并且当滑块处于活动状态时，只有一个视频被添加，如果滑块未激活，则不存在视频..而且其他视频不会立即添加，因此不会延迟加载.. < / p>

我的问题是切换滑块和播放视频。当我切换滑块时，我应该删除上一个视频吗？或者我应该暂停一下？而不是当用户导航到不同的滑块时再次删除和添加视频？任何人都可以建议我考虑速度明智和负载明智的最佳方法是什么？我希望尽可能保持一切顺利。

先谢谢你们

Answer 1

假设您正在播放视频，那么暂停就应该没问题 - 客户端（浏览器）只会请求足够的＆＃39;块？填充缓冲区的视频，暂停后，一旦满了就不再需要请求。

要注意的一件事是，如果您的视频是实时视频流 - 那么您可能实际上可能不希望从暂停点恢复，而是从当前的实时点恢复。

动态添加HTML5视频还是暂停？

1 个答案: