html怎麼設置視頻背景

1、新建一個帶vedio標籤的頁面，被給vedio的source加上視頻連接

2、在瀏覽器中打開，發現一片漆黑，因為視頻沒有被打開。要給video加上autoplay的屬性。

如果不需要聲音，就加上muted

還可以加上循環播放的loop

3、video並沒有完全撐滿瀏覽器，在body下加上margin:0

接下來給video加上樣式，使之沒有scroll，又能撐滿全屏

打來瀏覽器就能看到恰到好處的背景視頻了

4、在頁面中加上文字，會發現該文字並沒有顯示在頁面上，需要調低video的z-index值，這裏直接置為-9999。

5、還可以用-filter屬性，來控制video的色調，比如加上-webkit-filter:grayscale(100%)，這樣頁面中的視頻就會顯示為灰色調

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

<script>

var video= lementById('v1')

backRate = 0.5

</script>