html5中怎么用空格播放和暂停视频

发布网友 发布时间：2022-04-21 08:23

我来回答

共3个回答

懂视网 时间：2022-05-12 06:07

实例

带有播放和暂停按钮的一段视频：

var myVideo=document.getElementById("video1");
function playVid()
 {
 myVideo.play();
 }
function pauseVid()
 { myVideo.pause();
 }

定义和用法

pause() 方法停止（暂停）当前播放的音频或视频。

浏览器支持

所有主流浏览器都支持 pause() 方法。

注释：Internet Explorer 8 以及更早版本不支持该方法。

语法

audio|video.pause()

如果要用js来控制audio的暂停与播放，我们不能直接在audio上添加点击事件，需要另外添加按钮才可以绑定点击事件。

HTML代码如下：

<button onclick="playPause()">播放/暂停</button>
<audio id="audio1" width="420" >
 <source src="example.mp4" type="audio/mp4" />
 <source src="example.ogg" type="audio/ogg" />
</audio>

JS代码如下：

var myAudio = document.getElementById('audio1');
 function playPause(){
 if(myAudio.paused){
  myAudio.play();
 }else{
  myAudio.pause();
 }
 }

热心网友 时间：2022-05-12 03:15

var isplay = true;//默认是播放的
var video = document.getElementById("myVideo");
document.onkeyup=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e && e.keyCode==8){ // 按 空格并让它弹起
//要做的事情
if(isplay) {//判断当前播放状态
isplay = false;
video.pause();
}else {
isplay = true;
video.play();
}

};追问谢谢

热心网友 时间：2022-05-12 04:33

监听键盘的按下事件