2つのプラグインが干渉している可能性がある小さな問題が発生しています。これらは、デフォルトですぐに使用できます。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の両方が完全に連携しますが、もちろん、ビデオプレーヤーの機能のいくつかを使用して、必要な方法で動作させる必要があります。
何が起こっているかを示すための2つのリンクがあります。1つ目は、プレーヤーが構成されていない場合にどのように機能するかを示すことです(上記のコードはコメントアウトされています)
http://www.joshmeltzer.com/thesis/working_set/serialscroll_works.html
2つ目は、上記のコードのコメントを外して、その実装を使用しようとしたときです。
http://www.joshmeltzer.com/thesis/working_set/serialscroll.html
各ページは個別のliであり、2番目のリンクではスクロールが移動しますが、非常に奇妙で可変の間隔で...2つのプラグインがどこか深いところで競合していると思いますか?
助けてくれてありがとう。ジョシュ