Created
October 29, 2017 08:45
-
-
Save CatzillaOrz/ec1396d8236f39caec6fdab01e4112e9 to your computer and use it in GitHub Desktop.
iframe全屏
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//full screen | |
var iframe = document.createElement('iframe'); | |
function addFSBtn(frame) { | |
btnFS = frame.document.createElement('a'); | |
btnFS.innerHTML = ' 全屏播放 '; | |
btnFS.href = '#'; | |
btnFS.id = 'btnFS'; | |
btnFS.style.color = '#fff'; | |
btnFS.onclick = function() { | |
if (isFullScreen) { | |
exitFullScreen(document.body); | |
} else { | |
fullScreen(document.body); | |
} | |
} | |
frame.document.getElementById('ChromelessStatusBar.RightDock').appendChild(btnFS); | |
} | |
function fullScreen(element) { | |
if (element.requestFullscreen) {//W3C | |
element.requestFullscreen(); | |
} else if (element.mozRequestFullScreen) {//FireFox | |
element.mozRequestFullScreen(); | |
} else if (element.webkitRequestFullScreen) {//Chrome等 | |
element.webkitRequestFullScreen(); | |
} else if (element.msRequestFullscreen) {//IE11 | |
element.msRequestFullscreen(); | |
} | |
} | |
function exitFullScreen(element) { | |
if (document.exitFullscreen) { | |
document.exitFullscreen(); | |
} else if (document.mozCancelFullScreen) { | |
document.mozCancelFullScreen(); | |
} else if (document.webkitCancelFullScreen) { | |
document.webkitCancelFullScreen(); | |
} else if (document.msExitFullscreen) { | |
document.msExitFullscreen(); | |
} | |
} | |
//onChange callback | |
function onScreenChange() { | |
if (isFullScreen) { | |
isFullScreen = false; | |
btnFS.innerHTML = ' 全屏播放 '; | |
} else { | |
isFullScreen = true; | |
btnFS.innerHTML = ' 退出全屏 '; | |
} | |
} | |
//add event listenser | |
document.addEventListener("fullscreenchange", onScreenChange, false); | |
document.addEventListener("mozfullscreenchange", onScreenChange, false); | |
document.addEventListener("webkitfullscreenchange", onScreenChange, false); | |
document.addEventListener("msfullscreenchange", onScreenChange, false); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment