Video.js Player не работает с JQuery Infinite Scroll

Question

Здравствуйте, по какой-то причине, когда я прокручиваю вниз с помощью 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); 

Answer 1

Вы, вероятно, нужно повторно инициализировать video.js, когда новое видео вставляется через бесконечный плагин прокрутки (я не могу видеть точное код, как это уменьшенная)

Попробуйте разместить код video.js (как показано выше) в имени функции и вызова, что, когда новый прокручивается контент вставляется