背景視頻不是未來。他們是現在。不是因為它們超級酷，每個人都在做。很多網站都將賭注押在增強現實（AR）上，因此沉浸式體驗將推動我們的互動。視頻是AR的主導力量。

背景視頻是一件比較炫酷的做法。但是，如果不遵循一些準則，則可能會破壞您網站的性能，并打亂整體設計和體驗。在深入研究這些準則之前，請確保要準備將背景視頻添加到我們的網站。

我們在網絡上看到越來越多的背景視頻

背景視頻可能是改善網站外觀，使訪問者更愉快并引起注意的一種好方法。

訪客希望被吸引，好的視頻可以做到這一點。視頻可以講述企業的故事，每個企業都有一個可以更好地講述的故事。

添加背景視頻的更佳做法

僅在可以真正改善網站外觀的情況下使用背景視頻。在不考慮其影響的情況下，嘗試抓住閃亮的新事物是很誘人的。如果采取正確的措施，其影響降低到更小，但您的網站還是會相應的變慢，這是視頻替代靜態圖像必須要付出的代價。

這里有一些要考慮的事情：

? 選擇可以快速加載的短視頻。

? 不要使用聲音。聲音增加了文件大小，幾乎沒有價值。

? 使用占位符。如果視頻已停止或無法播放，請確保有后備圖像。在代碼中創建占位符很容易。將您的背景視頻元素放置在具有背景圖像的部分中。

? 將視頻替換為用于移動體驗的圖像 ?-視頻無法播放或難以在移動設備上實現。網站將用戶的移動數據與背景視頻混在一起也是不友好的。將背景視頻元素隱藏在移動端處顯示背景圖像。這樣做可以為移動訪問者提供更佳體驗。

什么時候不應該使用背景視頻

盡管背景視頻非常吸引人，但如果您希望訪問者將注意力集中在信息上，它可能適得其反。

如果您對背景視頻過于激進，它將壓倒重要內容。當有復雜的想法（例如與銷售相關的內容）可供閱讀時，視頻可能會分散人們的注意力。如果您的報價需要很多解釋，那么文字會更好。

添加背景視頻的聰明人

轉換目標為重中之重。背景視頻的故事情節應始終支持頁面的更終目標。

更好的情況是背景視頻補充或增強CTA。

使其流行

在大多數情況下，您需要在背景視頻的頂部放置文本-因此請確保在整個視頻循環中都易于閱讀。通常，要在背景視頻和文本之間形成強烈的明暗對比。

確保完整清晰的對比度的一種方法是在視頻上方應用純色單色濾鏡。這不僅看起來超級專業，而且顏色對比使文本，表單和登錄頁面CTA脫穎而出。其他替代方案包括文本陰影或文本后面的半透明色塊

簡短一點

背景視頻不應超過20秒。短而循環的視頻應該足以在不影響加載時間的情況下獲得成功。

記住，這是一個循環。如果視頻太短，則循環會顯得不完整。另一方面，如果視頻太長，瀏覽者可能會在視頻出現亮點之前離開，從而失去視頻的意義。