JQuery SerialScroll潜在插件与视频播放器MediaElement.js冲突

时间:2012-10-26 20:28:51

标签: jquery jquery-plugins html5-video mediaelement.js serialscroll

我发生了一个小问题,可能是因为两个插件干扰了。它们可以很好地协同工作,默认情况下开箱即用。 我正在使用JQuery SerialScroll来控制水平滚动项目,并使用MediaElement.js作为HTML5视频播放器。

当我配置MediaElement.js插件时虽然它导致JQuery SerialScroll奇怪地运行,并且不再使用上一个和下一个按钮滚动到下一个或上一个li,就像未配置时一样。

配置代码是:

$('video').mediaelementplayer({
// the order of controls you want on the control bar (and other plugins below)
features: ['playpause','progress','current','duration','tracks','fullscreen'],
alwaysShowControls: false,
// when this player starts, it will pause other players
pauseOtherPlayers: true
});

当它被注释掉时,SerialScroll和MediaElement.js完美地协同工作,但当然,我需要使用一些视频播放器功能,使其按照我需要的方式工作。

以下两个链接显示正在发生的事情, 第一个是显示未配置播放器时的工作原理(上面已注释掉的代码)

http://www.joshmeltzer.com/thesis/working_set/serialscroll_works.html

第二个是我取消注释上面的代码并尝试使用它的实现

http://www.joshmeltzer.com/thesis/working_set/serialscroll.html

每个页面都是一个单独的li,在第二个链接上滚动但是以非常奇怪和可变的间隔移动......我假设这两个插件在某个地方有冲突?

提前感谢您的帮助。 约什

0 个答案:

没有答案