css设置background背景视频

通过CSS设置背景视频可以使用HTML5的video标签。具体步骤如下：
1.在HTML中添加video标签，并设置class为bg-video。
2.在video标签中添加source标签，用于指定视频文件的路径和类型。
3.在CSS中设置bg-video的样式，包括绝对定位、宽高等属性。
4.在CSS中设置z-index属性，确保视频在其他元素的下方。
 

HTML:
<video class="bg-video" autoplay loop muted>
    <source src="video/lighthouse.mp4”type="video/mp4">
</video>

Css:
.bg-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 8;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;z-index: -1;
}

相关问题:
css设置background背景视频发出声音
根据提供的引用内容，CSS设置background背景视频发出声音的方法如下：
 

wideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 10e%;    
    min-height: 100%;
    z-index: -100;
    background-size: cover;
    background-position: center;
    background-color: #333;
}

video::-webkit-media-controls {
display:none !important;
}

video::-webkit-media-controls-enclosure {
display:none !important;
}

video::-webkit-media-controls-panel {
display:none !important;
}

video::-webkit-media-text-track-container {
display:none !important;
}

在上述代码中，我们使用了CSS3的video标签来设置背景视频，并通过设置z-index属性将其置于最底层。同时，我们还设置了背景颜色和背景位置等属性。为了让视频静音，我们使用了伪元素和Webkit的CSS属性来隐藏视频控件和文本轨道。

css如何插入背景视频
要在网页中插入背景视频，可以使用CSS3的background-size属性和background-video属性。
首先，需要在HTML中添加一个video标签，并设置宽度和高度，然后将其隐藏：
 

<video class="bg-video" autoplay loop muted>
    <source src="video/lighthouse.mp4”type="video/mp4">
</video>

接下来，在CSS中设置背景样式，并将背景图片设置为视频的封面：
 

#bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    opacity: 0.5;
}

body {
    background-image: url("your_video_cover.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

最后，使用JavaScript将视频的路径设置为背景视频的源：
 

var video = document.getElementById(bg-video');
video.src = 'your video.mp4';

这样就可以在网页中插入背景视频了。需要注意的是，由于视频的加载和播放可能会影响网页性能，建议使用较小的视频文件，并对视频进行压缩和优化。