于網站中的視頻背景是好是壞，網頁設計社區仍然存在爭論。但是，在過去幾個月中，我們看到使用全屏視頻背景的網站比以往任何時候都多。但這真的是一個有效的策略嗎？它有助于與觀眾互動嗎？它會影響SEO嗎？讓我們來了解一下。

在本指南中，我們旨在通過比較在網頁設計中使用全屏視頻背景的利弊來找到這些問題的答案。我們還將通過示例為您提供有關正確實施出色視頻背景的一些技巧。

使用全屏視頻背景的好處

現在全屏視頻背景在網頁設計中如此流行是有原因的。使用它們有很多好處。即使您需要說服客戶使用視頻背景，這些要點也會派上用場。

瞬間吸引眼球

視頻背景比圖像或純色背景更能吸引注意力。上面的折疊部分是訪問者訪問您的網站時首先看到的內容。而且您只有3秒鐘的時間來說服訪問者留在網站上并繼續瀏覽。

使用視頻背景，您更有可能吸引他們的注意力并讓他們在您的網站上停留更長時間。

簡化復雜的主題

如果一張圖片值一千字，那么一個視頻必須至少值一千張圖片，對嗎？這可能就是為什么93%的營銷人員認為視頻是他們戰略的重要組成部分的原因。

視頻可以為任何觀眾簡化和解釋甚至復雜的主題。這使得媒體對于不太知名的品牌、產品和公司來說更有效，可以很容易地向觀眾解釋他們的服務。

展示產品和服務

視頻背景還為您提供了一種以更具吸引力的方式展示您的產品和服務的方式。

例如，將視頻背景添加到展示豪華客房和水療中心的酒店網站肯定會讓您的潛在客戶有理由進行預訂。

這同樣適用于登陸頁面、商業網站、餐館，甚至電子商務網站。使用視頻背景，您可以展示比圖片輪播更多的產品。

增加銷量

如果有一點可以讓您和您的客戶對視頻背景感興趣，那就是這個。使用視頻背景實際上可以幫助提高銷售和轉化率。

在一個案例研究中，向主頁添加視頻背景將網站轉化率提高了138%。

事實上，在登陸頁面添加一個簡單的解說視頻就足以促進銷售。使用視頻背景，您將有一種微妙的方式來呈現您的服務，而不會干擾用戶體驗。

建立情感聯系

網站中的視頻背景在向觀眾展示更敏感的話題方面也很出色。而且它們在與用戶建立情感聯系方面也非常有效。

例如，如果您正在為慈善機構或非盈利組織制作網站，您可以使用視頻背景來提供背景信息或了解您為幫助該事業所做的幕后工作。

使用全屏視頻背景的缺點

使用全屏視頻背景的優點多于缺點。但是，這些缺點會對您的網站增長產生巨大影響。

影響網站加載速度

使用視頻背景的最大缺點是加載速度緩慢。由于視頻的尺寸比圖像大得多，因此它們需要更長的時間來加載。這對于互聯網連接速度較慢的用戶來說尤其成問題。

根據一份報告，超過50%的用戶表示他們愿意放棄網站上的視頻和動畫以獲得更好的加載時間。

在移動設備上不可用

移動設備仍不完全支持自動播放視頻背景。因此，大多數使用視頻背景的網站都被迫使用移動網站的靜態圖像版本。

在網站的移動版和桌面版上提供完全不同的體驗只會讓用戶感到困惑。

舊瀏覽器的兼容性問題

盡管現在越來越多的人切換到最新版本的瀏覽器和應用程序，但仍有相當多的人使用舊的和過時的瀏覽器。

統計數據顯示，仍有一些人仍在使用 Internet Explorer 9 等高度過時的瀏覽器。

此類較舊的瀏覽器不支持 HTML 5 全屏視頻背景。雖然讓您的受眾使用現代瀏覽器來瀏覽您的網站更容易，但對用戶來說并不方便。

難以突出 CTA

與圖像或純色背景不同，視頻有許多不同顏色和閃爍燈光的場景。這使得在全屏視頻背景上突出標題和號召性用語 (CTA) 變得非常困難。

除非您愿意使用基本調色板之外的顏色和組件，否則在使用具有快速移動場景的視頻背景時，要注意您的網站標題、副標題和 CTA 并不容易。

全屏視頻背景的示例 + 提示

通過在添加視頻背景時實施正確的技術，您可以避免使用全屏視頻背景的許多缺點。

這里只是一些應該如何完成的提示和示例。

選擇合適的視頻

（例如：Zyber）

這是使用全屏背景視頻最明顯但也更關鍵的部分——選擇正確的視頻會對你產生的影響有多大影響。以及它如何與網站的整體用戶體驗完美融合。

例如，不要使用帶有閃光燈的快速移動的視頻，而應該選擇節奏更舒緩、節奏更慢的視頻。

保持簡短

（例如：湖畔）

我們生活在一個快速變化的世界，幾乎沒有耐心。可以安全地假設一個人不想盯著你的背景視頻看 3 分鐘或 5 分鐘。此外，您會希望他們瀏覽網站的其余部分并說服用戶采取行動。

所以最好使用很短的視頻作為背景。長度低于 30 秒的視頻將與網站完美契合。而且，如果您打算添加循環視頻，請確保它具有平滑的循環過渡。

避免分散注意力的視頻

（例如：幻影雇傭）

視頻有時也會分散注意力。例如，具有高對比度、視覺效果和閃爍燈光的視頻實際上可以將用戶的注意力從您網站的重要部分轉移開。

當背景視頻將注意力從網站上移開時，人們很難將注意力集中在號召性用語上，甚至很難閱讀網站的標題。

最好使用較少干擾或吸引注意力的元素的視頻。

突出 CTA

（例如：員工解決方案）

CTA 可以說是網站或登陸頁面最重要的組成部分。您希望訪問者清楚地看到它并說服他們點擊“購買”按鈕。

在使用全屏視頻背景時突出顯示 CTA 將是一個挑戰。但這并非不可能。

您可以使用濾鏡來降低視頻顏色的飽和度，將視頻設為黑白，甚至可以使用顏色較少或外觀極簡的視頻來輕松突出網站上的 CTA 和標題。

不包括音頻

（例如：國家公園的隱藏世界）

向網站添加背景音頻有助于為網站營造氛圍，但自動播放音頻不是這樣做的方法。

您必須始終考慮到人們從不同的地方和設備訪問網站，沒有人希望在公交車上突然通過手機播放音頻。或者在辦公室訪問網站時。

通過在將視頻用作網站背景之前從視頻中刪除音頻來解決此問題，實現僅在用戶選擇時切換音頻的選項，或者至少在加載網站時向用戶發出警告。

優化速度

（例如：丹納）

有幾種方法可以優化視頻，使背景對網站加載時間的影響較小。

正確壓縮視頻至關重要。您可以使用 Handbrake 等工具來實現該目標。此外，請考慮為視頻使用正確的分辨率。擺脫音頻也將有助于減小文件大小。

綜上所述

總的來說，使用全屏視頻背景比其他格式有更多好處。再說一次，這取決于您使用它的方式和原因。因為視頻背景并不適合每個網站。它可以成就或破壞網站的用戶體驗。

<img src="" alt="">

background: #FF1298 url(images/logo.png) center right no-repeat;