如何在iframe跳转至close3.html时关闭该iframe（Jitsi Meet场景）

不用sandbox，直接通过监听iframe的加载事件判断页面跳转情况，就能在跳转到close3.html时关闭iframe，同时保留摄像头和麦克风权限。

修改后的代码： #

<iframe
  title="Open identification process"
  src="https://meet.jit.si/4b7562c798c20e3dd523b2298cad5327"
  frameBorder="0"
  width="600"
  height="800"
  allow="camera; microphone"
  id="iframe"
></iframe>

<script>
const jitsiIframe = document.getElementById('iframe');

jitsiIframe.addEventListener('load', function() {
  // 检查当前iframe的地址是否包含close3.html
  if (this.src.includes('close3.html')) {
    // 两种处理方式选一种：
    // 1. 直接隐藏iframe
    this.style.display = 'none';
    // 2. 从DOM中移除iframe
    // this.remove();
  }
});
</script>

逻辑说明： #

• 移除了原有的onLoad弹窗测试代码，换成监听iframe的load事件，每次页面跳转（包括会议结束后的重定向）都会触发这个事件。
• 每次加载完成后检查iframe的当前地址，一旦检测到包含close3.html，就隐藏或移除iframe，避免用户看到这个页面。
• 保留了原有的allow="camera; microphone"属性，确保摄像头和麦克风权限正常生效，不需要启用sandbox。

内容的提问来源于stack exchange，提问作者Lokbazar inc