单独打开页面可以正常触发全屏:

   

$("#fullscreen").click(function(){
    var elem = document.getElementById("container");
    requestFullScreen(elem);
});
function requestFullScreen(element) {
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
    console.log(requestMethod);
    if (requestMethod) {
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") {
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

但是，我现在的需求是element的外层是iframe，这样一来全屏的请求无法触发了。

求高手解惑。