很多站長朋友們都不太清楚html視頻怎么做背景,今天小編就來給大家整理html視頻怎么做背景,希望對各位有所幫助,具體內容如下:
本文目錄一覽:中怎么把視頻弄成背景
大概原理就是將視頻的堆疊順序即z-設置小一點,可以設置為負值,然后將視頻設為,寬高都設為100%即可,大概代碼如下:
{
: ;
: 0px;
: 0px;
min-: 100%;
min-: 100%;
: auto;
: auto;
z-:-11
html怎么用視頻做背景
1. 在div中寫一個標簽
2.上述div 設置為
3.在寫另一個div設置為,然后自己調整left 跟top就行了
怎么把視頻設置成背景
第一步:準備工作
先準備好一個視頻
第二步:引入視頻
這里我們需要用到了/標簽,然后在里面寫視頻的路徑,用來使其自動播放,用來使其靜音,loop為循環播放
第三步:調節視頻,使其適應屏幕
以上的步驟還不能滿足我們的需求,這個時候我們會發現有滾動條,而且視頻會遮擋我們要顯示的內容,可這遠遠不是我們想要的結果啊,不怕,有我呢
{??????????: ;??????????:0;??????????: 0;??????????min-: 100%;??????????min-: 100%;??????????: auto;??????????: auto;??????????z-: -9999;??????????????????????????}
這樣就OK了,--:(100%)為調節會色調的,同樣適用于img
第四步:視頻播放速度
可以利用的屬性來控制的播放速度,如果要讓背景視頻以慢速播放的話可以加上下面的




