HTML5 全屏播放視頻的代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 全屏播放視頻</title>
</head>
<body>
<video id="my-video" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
</video>
<script>
var video = document.getElementById("my-video");
function toggleFullScreen() {
if (document.fullscreenElement ||
document.webkitFullscreenElement ||
document.mozFullScreenElement ||
document.msFullscreenElement) {
exitFullscreen();
} else {
enterFullscreen();
}
}
function enterFullscreen() {
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.webkitRequestFullscreen) {
video.webkitRequestFullscreen();
} else if (video.mozRequestFullScreen) {
video.mozRequestFullScreen();
} else if (video.msRequestFullscreen) {
video.msRequestFullscreen();
}
}
function exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
video.addEventListener('dblclick', toggleFullScreen);
</script>
</body>
</html>以上代碼實現了一個簡單的 HTML5 全屏播放視頻的網頁。其中使用 video 標簽來展示視頻，id 為 "my-video"；使用 source 標簽來指定視頻文件的地址和類型。在 JavaScript 部分，通過對全屏狀態的監測和進入/退出全屏函數的調用來實現全屏功能。雙擊視頻可以進入或退出全屏模式。
注意，在 HTML 文件頭部加上 DOCTYPE 聲明，以聲明文檔類型，可以指定網頁使用哪個版本的 HTML，在瀏覽器中以不同的模式進行渲染，確保網頁展示正常。