HTML5設定video視頻爲背景

先插入以下代碼：

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

loop表示循環播放

autoplay表示自動播放

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>

這種方式也能夠用於將圖片設定爲頁面背景