IE11 不支持 Fullscreen API?试试这个 iframe 全屏化解决方案
你是正确的,IE11 并不支持 Fullscreen API 的方法。
在 IE11 中实现 iframe 的全屏化效果可以通过其他方法来实现,例如使用 CSS 和 JavaScript 来调整 iframe 的样式和尺寸。以下是一种可能的实现方式:
var iframe = document.getElementById('myIframe');
function enterFullscreen() {
if (iframe.msRequestFullscreen) {
iframe.msRequestFullscreen();
} else if (iframe.mozRequestFullScreen) {
iframe.mozRequestFullScreen();
} else if (iframe.webkitRequestFullscreen) {
iframe.webkitRequestFullscreen();
} else if (iframe.requestFullscreen) {
iframe.requestFullscreen();
} else {
// 其他浏览器不支持全屏化
console.log('Fullscreen not supported');
}
}
function exitFullscreen() {
if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.exitFullscreen) {
document.exitFullscreen();
}
}
// 进入全屏
enterFullscreen();
// 退出全屏
exitFullscreen();
请注意,这种方式仍然具有一定的局限性,并且需要根据具体需求进行适当的调整和测试。在不同的浏览器和版本中,全屏化的实现方式可能会有所不同。
如果你需要在 IE11 中实现全屏化效果,建议尝试这种基于 CSS 和 JavaScript 的自定义方法,以便在不支持 Fullscreen API 的浏览器中提供类似的体验。
原文地址: https://www.cveoy.top/t/topic/lX4 著作权归作者所有。请勿转载和采集!