HTML5 視頻全屏的視頻方法有多種，下面將詳細介紹兩種常用的何全方(′ω｀*)法：使用 JavaScript 和 HTML5 屬性。

方法一：使用 JavaScript

1、何全在 HTML 文件中添加一個(gè) <video> 標簽，視頻用于播放視頻。何全

<video id="myVideo" width="320"??; height="240"??; controls=""> <source src="??;movie.mp4" type="video/mp4"> <source src=&qu??ot;movie.ogg" type="??;v??ideo/ogg"> 您的視頻瀏覽器不支持 HTML5?? video 標簽。</vide(T_T)o>

2、何全在 HTML 文件中添加一個(gè)按鈕，視頻用于觸發(fā)視頻的何全全屏操作。

<button onclick="playFullScreen()"(′_ゝ`)>全屏播放</button>

3、視頻在 HTML 文件中添加以下 JavaScript 代碼，何全用于實(shí)現視頻的視頻全屏功能：

function playFullScreen() {  var vi??deo = document.getElementBy??Id("myVideo"); if (video.requestFullscreen) {  video??.requestFullscree(??-)?n(); } else if (video.mozRequestFull??Screen)?? {  // Firefox video.mozRequestFullScreen(); } else if (video.webkitRequestFullscreen) {  // Chrome, Safari and Opera video.webki(????)tReq(╯‵□′)╯uestFullscreen(); } else if (video.msRequestFullscreen) {  // IE/Ed??ge video.msRequestFullscreen(); }}

4、保存文件并在瀏覽器中打開(kāi)，何全點(diǎn)擊 "全屏播放" 按鈕即可將視頻全屏播放。視頻

方法二：使用 HTML5 屬性

1、在 HTML 文件中添加一個(gè) <video> 標簽，用于播放視頻。

<video id="myVideo" width="320" height="240" controls='controls'> <source src="movie.mp4" type="video/mp4"> <??;source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持 HTML5 video 標簽。</video>

2、在 HTML 文件中添加一個(gè)按鈕，用于觸發(fā)視頻的全屏操作。

<but(′▽?zhuān)?ton onclick="playFullScreen()">全屏播放</button>

3、在 HTML 文件中添加以下 JavaScrヽ(′▽?zhuān)?ノipt 代碼，用于實(shí)現??視頻的全(quan)屏功能：

function playFullScreen() {  var video = document.getElementById("myVideo"); if (video(?????).reques( ?ω?)tFullsヽ(′ー｀)ノcreen) {  video.requestFullscreen(); } else if (video.mo(╯°□°）╯︵ ┻━┻zRe??questFullScr??een) {  // Firefox video.mozReque??stFullScreen(); } else if (vidヽ(′?｀)ノeo.webkitRequestFullscreen) {  // Chrome, Safari and Opera video.webkitRequestFullscreen(); } else if (video.msRequestFullscreen) {  // IE/Edge video.msRequestFullscreen(); }}

4、保存文件并在瀏覽器中打開(kāi)，點(diǎn)擊 "全屏播放" 按鈕即可將視頻全屏播放。