Pertama sekali, tajuk ini mengelirukan, tetapi sebab untuk menukar tajuk dengan cara ini adalah terutamanya kerana video digunakan lebih banyak Dalam html5, kaedah skrin penuh boleh digunakan pada banyak elemen html, bukan hanya video Salin kod Kod Seperti berikut: 全屏问题<br>*{<br> padding: 0px;<br> margin: 0px;<br>}<br> <br>body div.videobox{<br> width: 400px;<br> height: 320px;<br> margin: 100px auto;<br> background-color:#000;<br>}<br> <br>body div.videobox video.video<br>{<br>width: 100%;<br> height: 100%;<br>}<br> <br>:-webkit-full-screen {<br> <br>}<br> <br>:-moz-full-screen {<br> <br>}<br> <br>:-ms-fullscreen {<br> <br>}<br> <br>:-o-fullscreen {<br> <br>}<br> <br>:full-screen { <br> <br>}<br> <br>:fullscreen {<br> <br>}<br> <br>:-webkit-full-screen video {<br> width: 100%;<br> height: 100%;<br>}<br>:-moz-full-screen video{<br> width: 100%;<br> height: 100%;<br>}<br> 全屏 <br> <br>//Panggilan refleksi<br>var invokeFieldOrMethod = function(elemen, kaedah) <br>{<br> var uslePrefixMethod;<br> ["webkit", "moz", "ms", "o", ""].forEach(function(prefix) {<br> if (usablePrefixMethod) return;<br> if (prefix) === "") {<br> // Tiada awalan, huruf pertama kaedah ialah huruf kecil<br> method = method.slice(0,1).toLowerCase() method.slice(1); }<br> var typePrefixMethod = typeof element[prefix method];<br> if (typePrefixMethod "" !== "undefined") {<br> if (typePrefixMethod === "function") {<br> usalePrefixMethod = elemen [kaedah awalan] ();<br> } lain {<br> Kaedah Awalan yang boleh digunakan = elemen[kaedah awalan];<br> }<br> }<br> });<br> <br> kembalikan Kaedah Awalan yang boleh digunakan;<br> };<br> <br>//Masukkan skrin penuh<br> pelancaran fungsi Skrin penuh(elemen) <br> {<br> //Kaedah ini tidak boleh dilaksanakan dalam tugas tak segerak, jika tidak Firefox tidak boleh masuk ke skrin penuh <br> if(element.requestFullscreen) {<br> element.requestFullscreen();<br> } else if(element.mozRequestFullScreen) {<br> element.mozRequestFullScreen();<br> } else if(element.msRequestFullscreen){ 🎜> element.msRequestFullscreen(); <br> } else if(element.oRequestFullscreen){<br> element.oRequestFullscreen();<br> }<br> else if(element.webkitRequestFullscreen)<br> {<br> element.webkitRequestFullScreen();<br> }else{<br> <br> var docHtml = document.documentElement;<br> var docBody = document.body;<br> var videobox = document.getElementById('videobox'); <br> var cssText = 'width :100%;height:100%;overflow:hidden;';<br> docHtml.style.cssText = cssText;<br> docBody.style.cssText = cssText>; document.IsFullScreen = benar;<br> <br> }<br> }<br>//Keluar daripada skrin penuh<br> function exitFullscreen()<br> {<br> if (document.exitFullscreen) {<br> document.exitFullscreen();<br> } else if (document.msExitFullscreen) {<br> document.msExitFullscreen(); } else if (document.mozCancelFullScreen) {<br> document.mozCancelFullScreen();<br> } else if (document.oRequestFullscreen){<br> document.oCancelFullScreen if();<br> }document.oRequestFullscreen ){<br> document.webkitExitFullscreen( );<br> }else{<br> var docHtml = document.documentElement;<br> var docBody = document.body;<br> var videobox = document.getElementById('videobox' );<br> docHtml.style. cssText = "";<br> docBody.style.cssText = "";<br> videobox.style.cssText = "";<br> document.IsFullScreen = false;<br> }<br> }<br>document .getElementById('fullScreenBtn').addEventListener('click',function(){<br> launchFullscreen(document.getElementById('video')); <br> window.setTimeout(function exit(){<br>// Semak sama ada penyemak imbas berada dalam skrin penuh <br>if(invokeFieldOrMethod(document,'FullScreen') || invokeFieldOrMethod(document,'IsFullScreen') || document.IsFullScreen>)keluar Skrin Penuh();<br>} <br> },5*1000);<br>},salah);<br> <br></skrip><br></body><br> <br></html><br><br><br> <br><br><br> </div>