CSS視頻播放時(shí)全屏播放是一個(gè)非常有用的功能。如果我們想在網(wǎng)站上播放視頻，并希望這個(gè)視頻能夠以全屏模式運(yùn)行，那么這是必要的。

.video {
width: 100%;
height: 100%; 
}
.fullscreen {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.9);
}
.fullscreen video {
width: 100vw;
height: 100vh;
}
.exitfullscreen {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}

我們首先需要將視頻的容器的寬度和高度設(shè)置為100%。然后，當(dāng)我們想要全屏播放視頻時(shí)，我們需要添加一個(gè)CSS類名，然后為這個(gè)類設(shè)置fixed定位，寬度和高度均為100%，以及一個(gè)背景色。我們還需要為視頻設(shè)置一個(gè)類，并將其寬度和高度設(shè)置為100vw和100vh。最后，我們可以添加一個(gè)退出全屏按鈕，并將其移動(dòng)到頂部的右側(cè)。