在视频上方添加一个按钮

在视频上方添加一个按钮可以通过HTML和CSS来实现。下面是一个示例代码：

HTML代码：

<div class="video-container">
  <video src="video.mp4" controls></video>
  <button class="btn">按钮</button>
</div>

CSS代码：

.video-container {
  position: relative;
}

.btn {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 10px;
  background-color: #f44336;
  color: white;
  border: none;
  cursor: pointer;
}

上面的代码首先创建了一个包含视频和按钮的容器。视频使用<video>标签，并设置了controls属性以显示视频控制条。按钮使用<button>标签，并添加了一个自定义的类名btn。

在CSS代码中，.video-container类设置了position: relative;，这是为了让按钮的绝对定位相对于视频容器而不是整个页面。.btn类设置了按钮的样式，包括位置（top和left），背景颜色，字体颜色，边框和鼠标样式。

你可以将上面的HTML和CSS代码放在你的网页中，并自行替换视频的路径和按钮的文本内容。