多个iframe在lightbox暂停按钮后重新加载，并导致所有iframe仅显示一个视频

<div id="lightbox">
  <iframe id="iframe1" src="video1.html"></iframe>
  <iframe id="iframe2" src="video2.html"></iframe>
  <!-- 其他iframe -->
</div>

// 管理iframe状态的示例代码
const iframes = document.querySelectorAll('#lightbox iframe');
let activeIframeId = null;

iframes.forEach(iframe => {
  iframe.addEventListener('load', () => {
    activeIframeId = iframe.id;
  });
});

document.getElementById('pauseButton').addEventListener('click', () => {
  if (activeIframeId) {
    const activeIframe = document.getElementById(activeIframeId);
    // 暂停当前iframe的视频
    activeIframe.contentWindow.postMessage('pause', '*');
  }
});

document.getElementById('lightbox').addEventListener('click', (event) => {
  if (event.target.id === 'pauseButton') {
    const activeIframe = document.querySelector('#lightbox iframe.active');
    if (activeIframe) {
      activeIframe.contentWindow.postMessage('pause', '*');
    }
  }
});

<iframe id="iframe1" src="video1.html?v=1"></iframe>
<iframe id="iframe2" src="video2.html?v=1"></iframe>

Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0