Question

我正在使用Infinite滚动并且已经使用了Magnific Popup的回调。

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

使用JWPlayer进行无限滚动 - 回调

1 个答案: