CSS視頻播放時全屏播放是一個非常有用的功能。如果我們想在網站上播放視頻，并希望這個視頻能夠以全屏模式運行，那么這是必要的。

.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;
}

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