現在很常看到網站把視頻做成首頁背景，不用按下播放按鈕，就有動態顯示效果，跟以往靜態圖片相較下更動態、更有活力，不過要尋找合適的免費影片就不是那么容易，若沒有預算自己拍攝，可以到本文介紹的 Coverr 來找找網站提供的免費首頁背景影片素材，這里的素材皆能在線預覽、免費下載，而且使用上沒有任何限制。

Coverr 收錄許多適合放在網站首頁做為背景的影片，這些影片采用 CC0 授權，也表示可以自由、免費下載并用于任何地方，無須標示出處或原作者。Coverr 會在每周一更新七個全新影片，目前在這里也可以找到超過 20 個以上短片。

Coverr 收錄的影片涵蓋各種類型，包括食物、情緒、自然、科技、朦朧、人物、城市以及動物，不僅可以在線預覽，無須注冊就能夠直接下載，透過網站提供的程序代碼將影片嵌入網站，非常方便。

若你正在尋找將動態影片運用于網站首頁背景的方法，Coverr 是個不錯的免費資源。

Coverr

STEP 1

開啟 Coverr 網站后，將窗口往下拖曳，可以找到網站收錄的所有影片素材。跟一般影片不一樣的是這些影片長度普遍都不會太長（為了要節省加載時所耗費的時間），而且多半能夠重復播放，效果不錯。

STEP 2

在點選 Coverr 網站內的任一影片后，會出現影片預覽，點選「Set it as a Coverr」能將影片設定成網站首頁的背景，直接預覽在網頁內呈現出來的效果。喜歡的話，點選右下角的綠色下載按鈕即可取得影片原始文件。

STEP 3

如果你對于如何將影片嵌入網頁、使它成為不間斷回放的背景有些疑問，Coverr 網站內也提供了如何使用（How to use）的程序代碼范例，只要把影片下載，依照 HTML、CSS 和 JavaScript 范例鏈結稍作修改，就能在網頁內看到影片背景效果。

值得一試的三個理由：

1. 收錄許多可用于網頁背景的免費影片素材
2. 影片采用 CC0 授權，可自由下載、使用于任何用途
3. 網站提供基本的使用范例，含 HTML、CSS 和 JavaScript

酷站彩蛋：Bootswatch

Bootstrap 是一款流行好用的前端框架，使用的人越來越多，但正因如此，很多直接套用 Bootstrap 風格網站看起來十分相似，這對于網站的視覺體驗可能會受到影響，所以建議使用BS框架的用戶應該嘗試修改下樣式。

今天為大家推薦 Bootswatch 網站，該網站目前擁有21款免費 Bootstrap 框架皮膚，對于想得到不同設計風格的用戶來說這是一個簡單而快速的方式。

打開網站后，你會看到首頁有20多款皮膚，選擇你喜歡的一款，然后按「Download」下載，如下圖：

此時你應該下載了一個文件名為「Bootstrap.css」的文件，用這個文件替換到Bootstrap 自帶的「Bootstrap.css」即可成功更換皮膚咯，整個過程簡單快捷。

本文就介紹到這里，還在使用BS默認風格的用戶請嘗試換換新 Style 吧。