显示完整视频背景的最佳方式

Question

我目前正在修建一个想要背景的客户网站。我目前正在尝试使用本地Bigvideo.js文件.mp4。使用Bigvideo.js我无法在Firefox上查看，也只能在Chrome上查看..

ec2-23-21-228-183.compute-1.amazonaws.com/Marketcraftproductions.com/

它有时非常迟钝。有什么方法可以降低带宽并帮助解决我的问题？ 我应该实施加载屏幕吗？

Answer 1

这里有两个问题：

1. 您无法在Firefox上查看它，因为除了h264之外，Firefox不包含非免费编解码器。您应该使用其他格式/容器对视频进行编码，例如webm，h264或ogv / Theora，仅举几例。

2. 是的，你应该实现一个加载屏幕，因为视频片段可能很大。您可以从this web campaign

中汲取灵感

注意：我与我所关联的广告系列没有任何关联。简单来说，这是OP需要的一个非常好的例子。

一些提示

为了加快视频背景的加载速度，您可以：

1. 对不同大小的视频进行编码，适用于小型，中型，大型屏幕，并根据客户端的屏幕尺寸选择要加载的内容。
2. 降低帧速率，10fps或更低，，前提是没有快速运动
3. 避免将视频作为背景......只是说'：）