删除之前的元素并重新创建后，新创建的元素中的视频无法播放

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

const videoElement = document.querySelector('video');
if (videoElement) {
  videoElement.src = ''; // 清空视频源
  videoElement.load(); // 重新加载视频
  videoElement.pause(); // 暂停播放
  videoElement.currentTime = 0; // 重置播放时间
}

function createVideoElement() {
  const newVideoElement = document.createElement('video');
  newVideoElement.src = 'path/to/new/video.mp4';
  newVideoElement.controls = true;

  // 重新绑定事件
  newVideoElement.addEventListener('click', () => {
    if (newVideoElement.paused) {
      newVideoElement.play();
    } else {
      newVideoElement.pause();
    }
  });

  return newVideoElement;
}

// 删除旧元素并创建新元素
const oldVideoElement = document.querySelector('video');
if (oldVideoElement) {
  oldVideoElement.parentNode.removeChild(oldVideoElement);
}

const newVideoElement = createVideoElement();
document.body.appendChild(newVideoElement);