Question

我有一个视频元素，我正在控制全屏并通过专用按钮进行播放。否则，视频元素将被隐藏。

<video controls>
    <source src="/video.mp4" type="video/mp4">
</video>
<button>play</button>

播放正常。但是，与其他浏览器相比，Safari 13 Catalina上的初始播放需要花费额外的几秒钟时间。检查网络标签不会显示任何预加载。似乎Safari在播放之前具有更高的缓冲区阈值。

此行为是否有解决方法？

Answer 1

如果您不关心额外的带宽，则在video标签上设置preload =“ auto”应该会使视频似乎开始更快。

除了渐进式下载mp4之外，进一步的优化将是尝试提供HLS流。您不需要特殊的服务器来执行此操作，常规的Web服务器只要正确编码/打包即可为HLS实时流提供服务。