Видео в модальном окне, пагинация.

Комментарии (4)

1. 

   Андрей 14.07.2018 14:07 #

   Нужно использовать колбеки, т.е. после загрузки страницы сделать заново инициализацию модали.
   
   Например с fancybox это выглядит так:
   

   <script type="text/javascript">
           $(document).ready(function(){
               pdoPage.callbacks['after'] = function(config, response) {
   	 	 $.fancybox.destroy();
   	 	 $('[data-fancybox="gallery"]').fancybox();
               }
           });
   </script>

   
   Для Magnific Popup надо смотреть, какие там доступны методы реализации, ни разу с ним не работал.

   ---

   1. 

      Олег 14.07.2018 18:19 #

      Код инициализации:
      

      $('.popup-youtube').magnificPopup({ 
          type: 'iframe' 
       });

      
      Пробовал так:
      

      $('.popup-youtube').magnificPopup({ 
       pdoPage.callbacks['after'] = function(config, response) {
          type: 'iframe' 
          }
       });

      
      в таком виде первая страница тоже не работают модальные окна.
      Если не сложно подскажите как правильно.
      Кстати с с fancybox я пробовал без использования колбеков, там модальные окна на всех страницах открываются у меня, но у fancybox другой нюанс, в хроме и опере, неактивный значек youtube «Во весь экран» (полноэкранный режим).

      ---

      1. 

         Андрей 14.07.2018 18:45 #

         Колбек должен быть не внутри инициализации, логично что не будет работать. Вызов должен быть внутри колбека как в примере выше.
         
         Reinitialize Magnific Popup on infinite scroll callback?. По идее должно быть примерно так:
         

         <script type="text/javascript">
                 $(document).ready(function(){
                      var bsPopup = function() {
             	 	 $('.imagepop').magnificPopup({
              	 	 	 type: 'image'
              	 	 });
            	     };
         
         	    bsPopup();	 
         
                     pdoPage.callbacks['after'] = function(config, response) {
                         bsPopup();	 	 	 
                     }
                 });
         </script>

         
         Если не сработает, то искать ещё варианты как можно сделать reinit, либо пробовать другие библиотеки.
         
         «Кстати с с fancybox я пробовал без использования колбеков, там модальные окна на всех страницах открываются у меня, но у fancybox другой нюанс, в хроме и опере, неактивный значек youtube «Во весь экран» (полноэкранный режим).»
         
         На fancybox3 должно всё работать, по крайней мере на демо сайте всё норм.

         ---

         1. 

            Олег 14.07.2018 19:18 #

            Спасибо большое, буду пробовать.
            Смотрел демо сайт fancybox3, действительно там полноэкранный режим работает, я использовал более старую версию.

            ---