??很多時候，在網頁中將視頻作為背景是一個不錯的選擇，像是很多優秀的游戲官網，看起來仿佛身臨其境，酷炫的視頻背景能夠很好的烘托出網頁良好的氣氛，動態的畫面會在適合的時候為人們帶來一種震撼感，
??在一些官網上，我們使用他人做好的視頻時做為背景時，可能并不會有什么問題，但當有我們自己獨立想法的時候，可能會在使用自己準備的視頻上設定自動播放時出現問題，
??在這里可以向大家推薦下一個不錯的視頻背景網站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，就得到了一個鏈接進入，自動回圈播放的背景視頻了！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/254840.html
標籤：其他