iframe全屏

iframeFullScreen.js

//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);