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

要实现按钮动态操作HTML中视频元素的个数，可以通过以下步骤：

首先，在HTML中添加一个按钮元素和一个视频元素。按钮用于触发操作，视频元素用于展示视频内容。

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

接下来，在JavaScript中获取按钮和视频元素的引用，并为按钮添加点击事件监听器。

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

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

在点击事件监听器中，可以使用DOM操作来动态操作视频元素的个数。以下是一个示例，通过点击按钮来添加或移除视频元素。

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++; // 更新视频个数
});

在上述示例中，每次点击按钮时，会根据视频个数的奇偶来执行不同的操作。奇数次点击时，会添加一个新的视频元素；偶数次点击时，会移除最后一个视频元素。

这样，通过按钮的动态操作，可以实现对HTML中视频元素个数的动态控制。

请注意，以上示例仅为演示如何动态操作视频元素个数，实际应用中可能需要根据具体需求进行适当修改和扩展。