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= document.getElementById('v1');

video.playbackRate = 0.5;

</script>