关于跨域Iframe里不能全屏
局部全屏方法
var btn = document.getElementById("btnFull");
btn.onclick = function () {
var elem = document.getElementById("table-form");
requestFullScreen(elem);
};
function requestFullScreen(element) {
var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
if (requestMethod) {
requestMethod.call(element);
} else if (typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
function exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
HTML代码
1 <iframe id="iframe" src="" allowfullscreen="true"></iframe>
加上 allowfullscreen 属性就能使用全屏了

浙公网安备 33010602011771号