video controls 新增按钮
时间: 2023-09-05 18:08:08 浏览: 85
视频播放之按钮控制
您可以使用HTML和JavaScript来添加自定义按钮到HTML5视频播放器的控件栏中。首先,使用HTML5的`<video>`标签来嵌入视频。然后,使用JavaScript获取video元素,并使用DOM API来添加自定义按钮。以下是一个示例代码片段,它将创建一个名为“New Button”的自定义按钮,并在单击时弹出一个警告框。
```html
<video id="myVideo" width="640" height="360" controls>
<source src="myVideo.mp4" type="video/mp4">
</video>
<script>
var video = document.getElementById("myVideo");
var newButton = document.createElement("button");
newButton.innerHTML = "New Button";
newButton.onclick = function() {
alert("You clicked the new button!");
};
video.parentNode.insertBefore(newButton, video.nextSibling);
</script>
```
您可以根据需要更改按钮的样式和功能。同时,请注意,不同的浏览器可能会有不同的样式和行为。
阅读全文