如何用按钮动态操作HTML中视频元素的个数？

<button id="btn">操作视频</button>
<video id="video" src="video.mp4"></video>

var btn = document.getElementById("btn");
var video = document.getElementById("video");

btn.addEventListener("click", function() {
  // 在这里编写操作视频元素的代码
});

var count = 1; // 初始视频个数为1

btn.addEventListener("click", function() {
  if (count % 2 === 1) {
    // 添加视频元素
    var newVideo = document.createElement("video");
    newVideo.src = "video.mp4";
    document.body.appendChild(newVideo);
  } else {
    // 移除最后一个视频元素
    var videos = document.getElementsByTagName("video");
    if (videos.length > 1) {
      videos[videos.length - 1].remove();
    }
  }

  count++; // 更新视频个数
});