循環(huán)（Loop）是現(xiàn)代瀏覽器中HTML5視頻標(biāo)簽下的布爾屬性，包括IE9在內(nèi)的主流瀏覽器都支持這一屬性。它能讓一個或者一系列視頻短片循環(huán)播放。開發(fā)者社區(qū)中，網(wǎng)頁設(shè)計師非常青睞這一功能，并且截至目前影響了許多項目，讓網(wǎng)站看起來更加絢麗和精彩。

從作品展示類的網(wǎng)站到移動端的專題頁，循環(huán)視頻背景的運用范疇非常廣泛。網(wǎng)頁開發(fā)者們將5~10的視頻作為背景循環(huán)播放，而視頻內(nèi)容通常會展現(xiàn)出某個主題，或者有目的性地展現(xiàn)達(dá)成某個目標(biāo)的過程，呈現(xiàn)企業(yè)或者團(tuán)隊的潛在實力。這種展現(xiàn)方式比起傳統(tǒng)的網(wǎng)頁設(shè)計手法，更能挑起用戶的興趣，引人注意，豐富的信息量和多變的內(nèi)容會讓整體的用戶體驗再上一級臺階。雖然這些視頻拍攝起來非常的費神費力，也許你需要趴在地上拍攝一些場景，但是當(dāng)網(wǎng)站出來之后，你會發(fā)現(xiàn)這些努力都是值得的。

如果你還是下不了決心，那么一起來看看下面這些優(yōu)秀的網(wǎng)頁設(shè)計作品吧。克服重重障礙制作出的循環(huán)動態(tài)背景是如何震撼人心的。

Haigh and Hastings

擁有介紹功能的循環(huán)視頻和看起來優(yōu)雅簡約的導(dǎo)航結(jié)合到一起，其他產(chǎn)品則使用了高清圖片作為背景，同樣起到了卓有成效的導(dǎo)航作用。

Webgriffe

Webgriffe 使用循環(huán)視頻來支撐他們的品牌形象，一系列精心拍攝的短視頻被剪輯成短短的十幾秒，不僅介紹了品牌的特色，還用到位的拍攝手法營造出令人難忘的場景，循環(huán)播放給用戶強(qiáng)化品牌印象。視頻當(dāng)中還通過一組工作流程的展示來呈現(xiàn)了他們的專業(yè)性。

Spacejunk

從視頻的第一秒開始，Spacejunk 就將這個品牌獨特的印記印在用戶心頭，獨一無二的視覺設(shè)計和精致入微的視頻圖像令人流連忘返。專業(yè)的設(shè)計和強(qiáng)大的執(zhí)行性配合著循環(huán)播放，循環(huán)視頻的作用機(jī)會被他們運用到了極致。

Eva

毫無疑問這個充滿吸引力著陸頁是通過循環(huán)視頻來營造出充滿吸引力的界面的。設(shè)計師明智地將界面劃分為三個部分，在視覺上營造出趣味性和娛樂性，最后又落腳在工作流上。

Newrow

這里的循環(huán)視頻被用作鼓勵那些熱愛生活的人，循環(huán)播放的視頻內(nèi)容被劃分為兩個部分，創(chuàng)造性地展示了兩種生活方式的差異。

Gracepoint

Gsacepoint 是一個典型的單頁網(wǎng)站，它主要的功能是引導(dǎo)用戶關(guān)注Fox電視臺的罪案劇。設(shè)計巧妙地通過三個子頁面和風(fēng)格陰郁的循環(huán)視頻背景來營造出陰謀的氛圍。

Pastamancini

多虧了這組壯觀的風(fēng)景視頻和田園風(fēng)光的特寫，Pastamancini 網(wǎng)站充滿了活力和自然的氛圍，頁面中其他的元素也很好地呼應(yīng)了這部分內(nèi)容。

Dalbello

充滿了活力的雪山場景和運動的氛圍被幾個短視頻完全展現(xiàn)了出來，為了烘托出視頻內(nèi)容，網(wǎng)頁在配色和視覺元素的選取上也獨具匠心，烘托出了雪山和運動的主題。