JS全屏

这几天做项目恰好甲方需要增加视频全屏功能，我就对这方面进行了一番研究，对网上搜集的源代码都试了一遍。大概整理了一下如下。

//全屏
var docElm =$(“#keystr”).val();

//W3C
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}

//FireFox
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}

//Chrome等
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}

//IE11
else if (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
}

这段代码对当前页面进行全屏处理，按Esc退出全屏。

项目里面需要全屏的是基于iframe的子页面，就在上面代码前先获取iframe的id.