我有一个视频播放器,只要点击一个链接就会打开并播放,在观看两个视频后,会出现一个表格,允许您对给出的信息进行评分。
我遇到的问题是视频完成后会出现一个重播按钮。我目前有setTimeout,它取消了视频,然后它的叠加然后运行速率表单功能。但是,如果单击重放按钮,则setTimeout仍在运行,并且该功能运行的视频重播的中途。这是我的代码:
删除视频叠加
fnVideoOverlayOff = function () {
jQuery('#video, #block, .video-closebtn').css('display', 'none');
}
JW玩家代码
jwplayer('videoScreen').setup({
flashplayer: '/assets/js/lib/player.swf',
allowscriptaccess: "always",
width:972,
height:547,
controlbar: "none",
autostart: true,
playlistfile: "/assets/videos/playlist.xml",
events: {
onPlaylistItem: function (event) {
jQuery(document).idleTimer('destroy');
},
onPLay: function (event) {
},
onComplete: function (event) {
setTimeout(function () {
fnVideoOverlayOff();
}, 10000);
var clickCount = 0;
if(jQuery.cookie('clickCount') == 2) {
fnRateOverlayOn();
jQuery('#video, .video-closebtn').css('display', 'none');
}
}
}
});
如果点击重播按钮,我想杀 fnVideoOverlayOff();
答案 0 :(得分:2)
存储对setTimeout的引用,并在想要阻止它完成时调用clearTimeout()
。
fnVideoOverlayOffTimer = setTimeout(...
// and later on when you want to "kill" it,
clearTimeout(fnVideoOverlayOffTimer);`
理想情况下,您可以在某处声明fnVideoOverlayOffTimer
以使其远离全局范围,但这是可选的。