html5給網頁添加視頻背景

1. 先插入如下代碼：

<video src="../video/2b.mp4" loop="loop" autoplay="autoplay"></video>

loop表示循環播放
autoplay表示自動播放
2. css修飾如下：

<style> body{margin:0;//body外邊距設為0； } video{position: fixed;//視頻定位方式設為固定right: 0;bottom: 0;//視頻位置min-width: 100%;min-height: 100%; //不會因視頻尺寸造成頁面需要滾動width: auto;height: auto; //尺寸保持原視頻大小z-index: -100; //z軸定位，小于0即可-webkit-filter: grayscale(20%);//添加灰度蒙版，如果設定為100%則視頻顯示為黑白 } </style>

這種方式也可以用來插入背景圖片

總結

以上是生活随笔為你收集整理的html5给网页添加视频背景的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。