0

こんにちは、Jquery Infinite Scroll で下にスクロールすると、次のページの Video.js プレーヤーが通常の html 5 プレーヤーに変わります。http://orgasmal.com/ (SFW)
奇妙な点は、プレーヤーが単独で正常に動作することです。http://orgasmal.com/test/ (SFW) これが役立つ場合のプレーヤーのコードは次のとおりです。

 <video id="ex2" class="video-js vjs-default-skin"
 controls preload="auto"; loop  data-setup='{"example_option":true}'>
 <source src="http://codmemes.com/video/test.mp4" type='video/mp4' />
 </video>
 <script>_V_("ex2", {}, function(){
  var myPlayer = this;
  myPlayer.size(640,600);
  myPlayer.play();

   });</script>


 function custom_infinite_scroll_js() {
if( ! is_singular() ) { ?>
<script>
var infinite_scroll = {
    loading: {
        img: "http://codmemes.com/wp-content/uploads/2013/03/27-1.gif",
        msgText: "<?php _e( 'Loading More People...', 'custom' ); ?>",
        finishedMsg: "<?php _e( 'Shit, you just hit the bottom of the internet.', 'custom' ); ?>"
    },
    "nextSelector":".nav-previous a",
    "navSelector":".navigation",
    "itemSelector":".box",
    "contentSelector":".icontent"
};
jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll );
</script>
<?php
}
}
 add_action( 'wp_footer', 'custom_infinite_scroll_js',100 );
4

1 に答える 1

0

無限スクロール プラグインを介して新しいビデオが挿入されたときに、おそらく video.js を再初期化する必要があります (縮小されているため、正確なコードはわかりません)。

video.js コード (上記) を名前付き関数に配置し、新しいスクロール コンテンツが挿入されたときにそれを呼び出してみてください。

于 2013-04-02T22:45:55.853 に答える