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>以上代碼實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的 HTML5 全屏播放視頻的網(wǎng)頁(yè)。其中使用 video 標(biāo)簽來(lái)展示視頻，id 為 "my-video"；使用 source 標(biāo)簽來(lái)指定視頻文件的地址和類(lèi)型。在 JavaScript 部分，通過(guò)對(duì)全屏狀態(tài)的監(jiān)測(cè)和進(jìn)入/退出全屏函數(shù)的調(diào)用來(lái)實(shí)現(xiàn)全屏功能。雙擊視頻可以進(jìn)入或退出全屏模式。
注意，在 HTML 文件頭部加上 DOCTYPE 聲明，以聲明文檔類(lèi)型，可以指定網(wǎng)頁(yè)使用哪個(gè)版本的 HTML，在瀏覽器中以不同的模式進(jìn)行渲染，確保網(wǎng)頁(yè)展示正常。