Cuepoints播放按钮不在第二次点击时播放视频

时间:2018-05-09 10:55:43

标签: javascript jquery click html5-video

您好我正在使用这个小脚本为我的视频创建提示点:

(function(a){a.fn.cuepoints=function(c){var e=this[0];var d={};function b(){d=a.extend({},c)}b();e.addEventListener("playing",b);e.addEventListener("ended",b);e.addEventListener("loadstart",b);e.addEventListener("seeked",b);e.addEventListener("timeupdate",function(){for(var g in d){var f=parseFloat(g,10);g=g+"";if(f<=e.currentTime&&e.currentTime<=f+0.5){d[g]();delete d[g]}}});return this}})(jQuery);

我面临的问题是我的按钮会在first点击播放视频就好了,当到达提示点时,视频会暂停,但是当我按下播放按钮时,second时间视频将无法播放(即使控制台确认已点击两次)但如果我点击按钮third时间,视频将再次播放任何想法?

以下是代码:

var vid = document.getElementById("video"); 
 $(document).on('click touchstart tap', '.nextSlide', function() {
      vid.play();
      console.log('Clicked');     
        });

   $('#video').cuepoints({
        10.5: function () {
          vid.pause();
        },
        15: function() {

        }
     });

0 个答案:

没有答案