用javascript模拟F11
如何使用flash模拟F11(全屏而非maximaze浏览器窗口): ? 在闪存中:用javascript模拟F11,javascript,flash,fullscreen,Javascript,Flash,Fullscreen,如何使用flash模拟F11(全屏而非maximaze浏览器窗口): ? 在闪存中:fscommand(“全屏”,true) 谢谢 更新 我发现: var docElm = document.documentElement; if (docElm.requestFullscreen) { docElm.requestFullscreen(); } else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScree
fscommand(“全屏”,true)
谢谢
更新
我发现:
var docElm = document.documentElement;
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
/* Exiting the full screen => showing the FULL SCREEN button */
if (docElm.requestFullscreen) {
document.addEventListener("fullscreenchange", function () {
if(!document.fullscreen) {
// Do something
}
}, false);
} else if (docElm.mozRequestFullScreen) {
document.addEventListener("mozfullscreenchange", function () {
if(!document.mozFullScreen) {
// Do something
}
}, false);
} else if (docElm.webkitRequestFullScreen) {
document.addEventListener("webkitfullscreenchange", function () {
if(!document.webkitIsFullScreen) {
// Do something
}
}, false);
}
这只在点击一个按钮时起作用。无法在页面加载时执行此操作这在JavaScript中是不可能的。它是为HTML5视频API提出的,但后来才被提出。有一个关于Mozilla的非常基本的教程:
我能够用div、video和canvas元素成功地测试这一点。以下是JSFIDLE中的代码——但请注意,由于某些原因,它实际上在JSFIDLE中不起作用。它并没有被废弃,它正在被大量考虑:
var docElm = document.documentElement;
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
/* Exiting the full screen => showing the FULL SCREEN button */
if (docElm.requestFullscreen) {
document.addEventListener("fullscreenchange", function () {
if(!document.fullscreen) {
// Do something
}
}, false);
} else if (docElm.mozRequestFullScreen) {
document.addEventListener("mozfullscreenchange", function () {
if(!document.mozFullScreen) {
// Do something
}
}, false);
} else if (docElm.webkitRequestFullScreen) {
document.addEventListener("webkitfullscreenchange", function () {
if(!document.webkitIsFullScreen) {
// Do something
}
}, false);
}
function requestFullScreen(elt) {
console.log("Requesting fullscreen for", elt);
if (elt.requestFullscreen) {
elt.requestFullscreen();
} else if (elt.msRequestFullscreen) {
elt.msRequestFullscreen();
} else if (elt.mozRequestFullScreen) {
elt.mozRequestFullScreen();
} else if (elt.webkitRequestFullscreen) {
elt.webkitRequestFullscreen();
} else {
console.error("Fullscreen not available");
}
}