jquery - 使用 JWPlayer 无限滚动 - 回调

Question

我正在使用无限滚动，并且已经使用了放大弹出窗口的回调。

JWPlayer 的代码位于 HTML 中，看起来它还需要回调才能在第 1 页之外工作，但我不确定如何解决这个问题，因为它仅在 HTML 中。

$grid.infiniteScroll({
  path: '.pagination__next',
  append: '.grid__item',
  outlayer: msnry,
  status: '.page-load-status',
  onInit: function() {
  this.on( 'append', function() {
   $('.open-pop').magnificPopup({
   type: 'inline',
   mainClass: 'mfp-fade',
   fixedContentPos: false,
   gallery: {
     enabled: true, 
     navigateByImgClick: false,
    }
   });
  });
 }

});

使用 JWPlayer 的 HTML:

    <script type="text/javaScript">
    var playerInstance = jwplayer("myElement-{{ entry.mediaId }}");
    playerInstance.setup({
    file: "//content.jwplatform.com/videos/{{ entry.mediaId }}.mp3",
    image:"http://content.jwplatform.com/thumbs/{{ entry.mediaId}}.jpg",
    stretching:"fill",
    mediaid: "{{ entry.mediaId }}"
    });
    </script>

Answer 1

您也可以使用此示例进行滚动和播放器集成

http://playerjs.io/scroll.html

也可用于无限滚动+ jwplayer 集成

https://stackoverflow.com/a/10627683/1302691