網(wǎng)站并不一定非得是靜態(tài)的。HTML5和CSS3的興起使得網(wǎng)站開發(fā)有了更多的可能性。借助HTML5，越來越多的將動態(tài)視頻用作網(wǎng)站首頁的背景，營造獨特的瀏覽體驗。這種動態(tài)的背景視頻，不僅有趣，而且能讓用戶有種身臨其境的感覺。

使用視頻背景之后，網(wǎng)站以一種極具創(chuàng)造性的方式營造出獨特的氛圍，這比起靜態(tài)的背景容納更多的信息。它可以改變網(wǎng)頁風格，講述網(wǎng)站的內(nèi)容，展現(xiàn)操作過程，當然，也可以像靜態(tài)背景一樣單純的表現(xiàn)一種情緒，方便而有趣。以下是我們搜集的案例，希望能給你帶來一些啟示。

01. mediaBOOM

這是一家互動廣告公司的網(wǎng)頁，背景視頻展現(xiàn)的是一個虛構(gòu)的世界，其中充滿了帶有復(fù)古風情的美洲風景。

02. MyProvence Festival

Myprovence展現(xiàn)的是藝術(shù)家對于這一地區(qū)的探索。

03. Spotify

音樂服務(wù)網(wǎng)站Spotify，網(wǎng)頁中的視頻背景展示的是Spotify的音樂是如何融入人們多姿多彩的生活。當然，如果你對Spotify有興趣的話，可以看看這篇《小圖標大學問！我是如何設(shè)計著名音樂軟件SPOTIFY里的圖標》。

04. Life of Pi

這是電影《少年P(guān)i的奇幻漂流》拍攝花絮網(wǎng)站，背景視頻就是李安拍攝這部傳奇電影背后的花絮。

05. Telly

Telly是一個創(chuàng)業(yè)項目，網(wǎng)站的背景視頻展示的是隨風搖擺的草地，營造出獨特的氛圍。

06. Fernando Maclen

這是天才設(shè)計師Fernando Maclen的個人網(wǎng)站，其中虛化的背景視頻展示的是他的設(shè)計生活。

07. Windward

這是一款iPhone應(yīng)用的網(wǎng)站，這款為水手開發(fā)的應(yīng)用可以展示潮汐、風速和溫度等數(shù)據(jù)。背景視頻中波濤洶涌的大海很好地營造出氛圍。

08. Matter

網(wǎng)站背景視頻中展示的是隨機選定的人物視頻，非常獨特，令人難忘。

09. Eagleclean

這是倫敦保潔公司Eaglechean的網(wǎng)站，背景視頻頗為幽默。

10. Dromoland Castle

Dromoland Castle是愛爾蘭著名的酒店和鄉(xiāng)村莊園，背景視頻展現(xiàn)出酒店附近的自然美景。

11. Y.CO Yachts

網(wǎng)站使用視頻背景展示了在游艇上度假的美好環(huán)境。

12. Flipboard

著名新聞應(yīng)用Flipboard的網(wǎng)站，視頻背景展示了Flipboard的使用場景。

13. Nike Jordan M6

網(wǎng)站的時評背景展示了新鞋是如何設(shè)計完成的。

14. Arcade Fire

這是獨立搖滾樂隊Arcade Fire的官方網(wǎng)站，視頻背景會隨著音樂播放同步進行。

15. The Cassette

這是一個法國鞋店的網(wǎng)站，其中的視頻背景巧妙地展示了它在不同角度的樣子。

16. The Wood

這是The Wood 餐廳的網(wǎng)站，視頻背景微妙地展示出餐廳質(zhì)樸的裝飾和氛圍。

更多酷站朝下看：
《香艷動人！一組帥哥美女云集的時尚網(wǎng)站欣賞》
《條條框框的華麗玩法！20個矩形元素的創(chuàng)意網(wǎng)站》
《免費高清！10個無版權(quán)限制的大圖特供網(wǎng)站》

原文地址：creativebloq
優(yōu)設(shè)網(wǎng)翻譯：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量73萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：