很多時候，在網頁中將視頻作爲背景是一個不錯的選擇，像是很多優秀的遊戲官網，看起來彷彿身臨其境。酷炫的視頻背景能夠很好的烘托出網頁良好的氣氛，動態的畫面會在適合的時候爲人們帶來一種震撼感。
在一些官網上，我們使用他人做好的視頻時做爲背景時，可能並不會有什麼問題。但當有我們自己獨立想法的時候，可能會在使用自己準備的視頻上設置自動播放時出現問題。
在這裏可以向大家推薦下一個不錯的視頻背景網站https://wedistill.io/，上面有很多可供免費下載的優質視頻。
首先正常的視頻是在標籤中加入 controls 和 autoplay 即可自動播放，例如：
<video src="video/273557707.mp4" controls autoplay></video>
注意加上controls，只加autopslay是不能自動播放的
但是在我曾嘗試着自己做視頻背景時，發現有很大的問題，在查閱了很多資料過後發現可能與視頻聲音相關，將視頻的聲音設置爲靜音時，即可在鏈接加載進入時自動播放
靜音可以在video裏使用muted屬性
muted的定義和用法
-
muted 屬性是一個 boolean(布爾) 屬性。
-
muted 屬性設置或返回音頻/視頻是否應該被靜音（關閉聲音）。
最後在video中加入loop屬性，即可自動循環播放
<video src="video/273557707.mp4" controls muted autoplay loop></video>
將其層級設置爲-1，就得到了一個鏈接進入，自動循環播放的背景視頻了！