html点击按钮播放本地视频文件
时间: 2023-07-23 14:06:36 浏览: 265
你可以使用HTML5的`<video>`标签来播放本地视频文件,并且通过添加一个按钮来控制视频的播放和暂停。
首先,你需要创建一个`<video>`标签,并设置宽度、高度、视频源等属性。例如:
```html
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
```
这里的`controls`属性会自动添加一个控制条,让用户可以暂停、播放和拖动进度条。
然后,你需要添加一个按钮来控制视频的播放和暂停。可以使用JavaScript来实现这个功能。例如:
```html
<button onclick="playPause()">播放/暂停</button>
<script>
var myVideo = document.getElementById("video");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
</script>
```
这里的`playPause()`函数会检查视频是否正在播放,如果是,则暂停视频;如果不是,则播放视频。你需要将`myVideo`变量设置为你的`<video>`元素的ID。
阅读全文