全屏api是新版本瀏覽器才支持,但每個瀏覽器支持的程度不壹樣,有的支持了w3c標準方法(requestFullscreen),但有的瀏覽器只支持自有方法(需加前綴,如:webkitRequestFullScreen
),所以我們有用的時候為了兼容所以瀏覽器就得分別判斷去使用,所以就有了以下這種用法:
//W3C?if?(docElm.requestFullscreen)?{?
docElm.requestFullscreen();?
}?
//FireFox?
else?if?(docElm.mozRequestFullScreen)?{?
docElm.mozRequestFullScreen();?
}?
//Chrome等?
else?if?(docElm.webkitRequestFullScreen)?{?
docElm.webkitRequestFullScreen();?
}?
//IE11?
else?if?(elem.msRequestFullscreen)?{?
elem.msRequestFullscreen();?
}