HTML5 VideoAPI,打造自己的Web视频播放器

时间:2017-05-04

  当视频可以播放时,显示视频

//当视频可播放的时候
video.oncanplay = function(){
      //显示视频
      this.style.display = "block";
      //显示视频总时长
      totalTime.innerHTML = getFormatTime(this.duration);
};

  4.播放、暂停

  点击播放按钮时显示暂停图标,在播放和暂停状态之间切换图标

//播放按钮控制
isPlay.onclick = function(){
        if(video.paused) {
            video.play();
        } else {
            video.pause();
        }
        this.classList.toggle("fa-pause");
};

  5.总时长和当前播放时长显示

  • 共7页:
  • 上一页
  • 5/7
  • 下一页
  • 上一篇:HTML5 手势检测原理和实现 下一篇:如何将 HTML5 性能发挥到极致

    相关文章

    最新文章