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>

這種方式也可以用於將圖片設定為頁面背景