很多站長(zhǎng)朋友們都不太清楚html視頻怎么做背景，今天小編就來給大家整理html視頻怎么做背景，希望對(duì)各位有所幫助，具體內(nèi)容如下：

本文目錄一覽：中怎么把視頻弄成背景

大概原理就是將視頻的堆疊順序即z-設(shè)置小一點(diǎn)，可以設(shè)置為負(fù)值，然后將視頻設(shè)為，寬高都設(shè)為100%即可，大概代碼如下：

{

: ;

: 0px;

: 0px;

min-: 100%;

min-: 100%;

: auto;

: auto;

z-:-11

html怎么用視頻做背景

1. 在div中寫一個(gè)標(biāo)簽

2.上述div 設(shè)置為

3.在寫另一個(gè)div設(shè)置為，然后自己調(diào)整left 跟top就行了

怎么把視頻設(shè)置成背景

第一步：準(zhǔn)備工作

先準(zhǔn)備好一個(gè)視頻

第二步：引入視頻

這里我們需要用到了/標(biāo)簽，然后在里面寫視頻的路徑，用來使其自動(dòng)播放，用來使其靜音，loop為循環(huán)播放

第三步：調(diào)節(jié)視頻，使其適應(yīng)屏幕

以上的步驟還不能滿足我們的需求，這個(gè)時(shí)候我們會(huì)發(fā)現(xiàn)有滾動(dòng)條，而且視頻會(huì)遮擋我們要顯示的內(nèi)容，可這遠(yuǎn)遠(yuǎn)不是我們想要的結(jié)果啊，不怕，有我呢

{??????????: ;??????????:0;??????????: 0;??????????min-: 100%;??????????min-: 100%;??????????: auto;??????????: auto;??????????z-: -9999;??????????????????????????}

這樣就OK了，--:(100%)為調(diào)節(jié)會(huì)色調(diào)的，同樣適用于img

第四步：視頻播放速度

可以利用的屬性來控制的播放速度，如果要讓背景視頻以慢速播放的話可以加上下面的