原生JS控制video的播放和暂停切换

HTML标签video,亲测

  <video id="video" width="565px" height="318px" preload="none" class="video">
   <source src="Web Final 49s.mp4">
video>

DOM2级事件监听模式 ,current设置状态

var video = document.getElementById("video");
        this.controls = true; //控制条
        var current = true  
        video.addEventListener("click",function() {       
              if(current){
                video.play()
                current = false  //下次点击的状态
              }else{
                video.pause()
                current = true
              }
        })

DOM0级 paused判断播放状态

    var video = document.getElementById("video");
    video.onclick = function() {
          this.controls = true; 
          if(video.paused) { 
            video.play()
          }else{
            video.pause()
          }     
    }

你可能感兴趣的:(JS,videoview视频播放,JS-video)