在網頁設計中，視頻背景已經成為一種熱門的設計元素。當用戶打開網站時，首先給人留下的就是網站背景。html提供了設置背景的功能，不僅可以設置圖片為背景，還可以將視頻作為背景，下面我們將介紹如何使用html將視頻設置為背景。

<!-- 設置視頻背景 -->
<video src="background.mp4" autoplay loop muted></video>
<!-- 刪除默認樣式 -->
<style>
html,body{
height:100%;
margin:0;
padding:0;
}
video{
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
}
</style>

上面的代碼中，我們通過<video></video>標簽來設置視頻背景，其中src屬性是指向視頻文件的路徑，autoplay表示自動播放，loop表示循環播放，mute表示靜音播放，這是因為大多數情況下我們不需要音頻播放。

此外，為了避免視頻作為背景時出現層疊問題，我們需要通過CSS刪除默認樣式。因為<video></video>默認會覆蓋在文檔內容之上，我們需要將其設置為位置固定的元素，并將其z-index設置為-1，這樣就可以將視頻作為背景嵌入頁面，整個頁面的內容就會覆蓋在視頻之上。

通過上述代碼，我們就可以將視頻設置為網頁背景了，這樣可以吸引用戶的注意力，增加網站的視覺效果，提升用戶體驗。