在前端開發中，視頻播放已經成為了不可缺少的一部分，而如何讓視頻全屏播放呢？這就需要用到CSS中的一些技巧了。

#video {
width: 100%;
height: 100%;
object-fit: fill;
}

上面的代碼表示當用戶點擊全屏按鈕時，video標簽將會填充整個屏幕。其中，object-fit屬性用于設置視頻的顯示方式，fill表示鋪滿整個容器。

如果想讓視頻在全屏時控制欄也隨之消失，可以使用以下代碼。

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

上面的代碼使用了CSS的偽元素選擇器，將整個視頻的控制欄隱藏了起來，從而實現了全屏時視頻的顯示效果。

除了以上兩個技巧，還可以使用一些JavaScript的API來實現視頻全屏效果。例如：

var video = document.getElementById('video');
video.requestFullscreen();

使用以上代碼可以通過JS來控制視頻的全屏效果，但需要注意的是，不同瀏覽器實現方式可能存在差異。