HTML5自動全屏是一個非常有用的功能，可以讓用戶在全屏狀態下更好地瀏覽網頁，并提高用戶體驗。

自動全屏功能可以通過簡單的代碼實現，只需在頁面中加入如下代碼：

elem.requestFullscreen();

其中，elem是要進行自動全屏的元素。比如，可以選擇一個視頻或者圖片元素來進行自動全屏。

但是需要注意的是，不同瀏覽器對自動全屏的支持不同。為了兼容不同瀏覽器，需要加入以下幾行代碼：

if(elem.requestFullscreen) {
elem.requestFullscreen();
} else if(elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if(elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
} else if(elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}

這樣，在不同瀏覽器中都可以實現自動全屏功能。

同時，當用戶退出全屏后，頁面也需要相應地處理。可以使用以下代碼：

if(document.exitFullscreen) {
document.exitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if(document.msExitFullscreen) {
document.msExitFullscreen();
}

這樣，用戶可以更流暢地在全屏和非全屏狀態下瀏覽頁面，提高用戶體驗。