在使用HTML5<video>元素播放視頻時，為了讓用戶更好地觀看，我們可能需要將視頻全屏播放。

要設置全屏播放，在HTML代碼中增加以下屬性：controls控制欄顯示，autoplay自動播放，playsinline內聯播放（在iOS設備上有效）和webkit-playsinline內聯播放（在Android設備上有效）。

<video controls autoplay playsinline webkit-playsinline>
<source src="video.mp4" type="video/mp4">
</video>

要實現全屏播放，我們需要添加額外的JavaScript代碼。以下是使用全屏API實現全屏播放的示例代碼：

var video = document.querySelector('video');
// 如果當前支持全屏API
if (video && video.requestFullscreen) {
// 單擊視頻時觸發全屏
video.addEventListener('click', function () {
video.requestFullscreen();
});
}

當用戶在視頻上單擊時，JavaScript將請求全屏。當用戶退出全屏時，會自動觸發fullscreenchange事件，你可以在其中添加額外的代碼。

document.addEventListener('fullscreenchange', function (e) {
if (document.fullscreenElement) {
console.log('進入全屏');
} else {
console.log('退出全屏');
}
});

使用以上代碼，我們可以通過全屏API來實現全屏播放。