如何在同一个网页上有不同的视频弹出式窗口？

<div id="video-container"></div>

#video-container {
  width: 400px;
  height: 300px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

// 弹出视频窗口
function openVideo(url) {
  var videoContainer = document.getElementById('video-container');
  videoContainer.innerHTML = '<video src="' + url + '" controls autoplay></video>';
  videoContainer.style.display = 'block';
}

// 关闭视频窗口
function closeVideo() {
  var videoContainer = document.getElementById('video-container');
  videoContainer.innerHTML = '';
  videoContainer.style.display = 'none';
}

<button onclick="openVideo('video.mp4')">点击播放视频</button>