HTML設(shè)置video為不透明背景的方法：使用loop，autoplay方法，直接插入相關(guān)代碼【<video src="../video/2b.mp4" loop="loop" autoplay="autoplay"></video>】。

本教程操作環(huán)境：windows7系統(tǒng)、html5版，DELL G3電腦，該方法適用于所有品牌電腦。

HTML設(shè)置video為不透明背景的方法：

先插入如下代碼：

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

• loop表示循環(huán)播放

• autoplay表示自動播放

css修飾如下：

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

相關(guān)學(xué)習(xí)推薦：html教程