16款使用視頻背景的網頁欣賞

 

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

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

　　01. mediaBOOM

　　這是一家互動廣告公司的網頁，背景視頻展現的是一個虛構的世界，其中充滿了帶有復古風情的美洲風景。

　　02. MyProvence Festival

　　Myprovence展現的是藝術家對於這一地區的探索。

　　03. Spotify

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

　　04. Life of Pi

　　這是電影《少年Pi的奇幻漂流》拍攝花絮網站，背景視頻就是李安拍攝這部傳奇電影背後的花絮。

　　05. Telly

　　Telly是一個創業項目，網站的背景視頻展示的是隨風搖擺的草地，營造出獨特的氛圍。

　　06. Fernando Maclen

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

　　07. Windward

　　這是一款iPhone應用的網站，這款為水手開發的應用可以展示潮汐、風速和溫度等數據。背景視頻中波濤洶湧的大海很好地營造出氛圍。

　　08. Matter

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

　　09. Eagleclean

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

　　10. Dromoland Castle

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

　　11. Y.CO Yachts

　　網站使用視頻背景展示了在游艇上度假的美好環境。

　　12. Flipboard

　　著名新聞應用Flipboard的網站，視頻背景展示了Flipboard的使用場景。

　　13. Nike Jordan M6

　　網站的時評背景展示了新鞋是如何設計完成的。

　　14. Arcade Fire

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

　　15. The Cassette

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

　　16. The Wood

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