您好我正在使用这个小脚本为我的视频创建提示点:
(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() {
}
});