你是正确的,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 的浏览器中提供类似的体验。

IE11 不支持 Fullscreen API?试试这个 iframe 全屏化解决方案

原文地址: https://www.cveoy.top/t/topic/lX4 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录