背景视频不是未来。他们是现在。不是因为它们超级酷，每个人都在做。很多网站都将赌注押在增强现实（AR）上，因此沉浸式体验将推动我们的互动。视频是AR的主导力量。

背景视频是一件比较炫酷的做法。但是，如果不遵循一些准则，则可能会破坏您网站的性能，并打乱整体设计和体验。在深入研究这些准则之前，请确保要准备将背景视频添加到我们的网站。

我们在网络上看到越来越多的背景视频

背景视频可能是改善网站外观，使访问者更愉快并引起注意的一种好方法。
访客希望被吸引，好的视频可以做到这一点。视频可以讲述企业的故事，每个企业都有一个可以更好地讲述的故事。

添加背景视频的最佳做法

仅在可以真正改善网站外观的情况下使用背景视频。在不考虑其影响的情况下，尝试抓住闪亮的新事物是很诱人的。如果采取正确的措施，其影响降低到最小，但您的网站还是会相应的变慢，这是视频替代静态图像必须要付出的代价。

这里有一些要考虑的事情：

• 选择可以快速加载的短视频。
• 不要使用声音。声音增加了文件大小，几乎没有价值。
• 使用占位符。如果视频已停止或无法播放，请确保有后备图像。在代码中创建占位符很容易。将您的背景视频元素放置在具有背景图像的部分中。
• 将视频替换为用于移动体验的图像  -视频无法播放或难以在移动设备上实现。网站将用户的移动数据与背景视频混在一起也是不友好的。将背景视频元素隐藏在移动端处显示背景图像。这样做可以为移动访问者提供最佳体验。

 

什么时候不应该使用背景视频

 

尽管背景视频非常吸引人，但如果您希望访问者将注意力集中在信息上，它可能适得其反。
如果您对背景视频过于激进，它将压倒重要内容。当有复杂的想法（例如与销售相关的内容）可供阅读时，视频可能会分散人们的注意力。如果您的报价需要很多解释，那么文字会更好。

 

添加背景视频的聪明人

 

转换目标为重中之重。背景视频的故事情节应始终支持页面的最终目标。
最好的情况是背景视频补充或增强CTA。

 

使其流行

 

在大多数情况下，您需要在背景视频的顶部放置文本-因此请确保在整个视频循环中都易于阅读。通常，要在背景视频和文本之间形成强烈的明暗对比。

确保完整清晰的对比度的一种方法是在视频上方应用纯色单色滤镜。这不仅看起来超级专业，而且颜色对比使文本，表单和登录页面CTA脱颖而出。其他替代方案包括文本阴影或文本后面的半透明色块

简短一点

背景视频不应超过20秒。短而循环的视频应该足以在不影响加载时间的情况下获得成功。
记住，这是一个循环。如果视频太短，则循环会显得不完整。另一方面，如果视频太长，浏览者可能会在视频出现亮点之前离开，从而失去视频的意义。