h5 xgPlay js js 控制播放暂停 完整示例
时间: 2023-03-23 07:04:20 浏览: 92
你好,关于你的问题,我可以回答。以下是一个完整的示例:
HTML 代码:
```
<video id="myVideo" width="320" height="240" controls>
<source src="myVideo.mp4" type="video/mp4">
<source src="myVideo.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<button id="playBtn">播放</button>
<button id="pauseBtn">暂停</button>
```
JavaScript 代码:
```
var myVideo = document.getElementById("myVideo");
var playBtn = document.getElementById("playBtn");
var pauseBtn = document.getElementById("pauseBtn");
playBtn.addEventListener("click", function() {
myVideo.play();
});
pauseBtn.addEventListener("click", function() {
myVideo.pause();
});
```
以上代码可以实现在 HTML 页面中添加一个视频,并且通过 JavaScript 控制视频的播放和暂停。当用户点击“播放”按钮时,视频会开始播放;当用户点击“暂停”按钮时,视频会暂停播放。
阅读全文