html视频重载控制按钮

要在HTML视频中添加重新加载控制按钮，可以使用JavaScript来控制`<video>`元素。以下是一个示例代码：

HTML代码：

<video id="my-video" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

<button id="reload-btn" onclick="reloadVideo()" style="display: none;">重新加载视频</button>

JavaScript代码：

var video = document.getElementById("my-video");
var reloadBtn = document.getElementById("reload-btn");

video.addEventListener("error", function() {
  reloadBtn.style.display = "block";
});

function reloadVideo() {
  video.load();
  reloadBtn.style.display = "none";
}

其中，`addEventListener("error", function())`用于监听视频加载错误事件，当视频加载错误时，会显示“重新加载视频”按钮。当用户点击“重新加载视频”按钮时，会调用`reloadVideo()`函数来重新加载视频并隐藏“重新加载视频”按钮。

你可以根据自己的需要，修改按钮的样式和位置。