Lightgallery не получит миниатюры

Question

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

<script src="/js/lightgallery.js"></script> 
<script src="/js/lg-thumbnail.min.js"></script> 
<script src="/js/lg-fullscreen.min.js"></script> 
<script src="/js/lg-video.min.js"></script> 
<script src="/js/app.js"></script> 

Я пытаюсь добавить мои видео как так:

<div id="video-gallery"> 
    <a href="https://vimeo.com/141457148"></a> 

    <a href="https://vimeo.com/104769168"></a> 
</div> 

и в моем app.js файл, у меня есть:

$(document).ready(function(){ 
    $('#video-gallery').lightGallery({ 
    loadVimeoThumbnail: true, 
    vimeoThumbSize:'thumbnail_medium', 
    }); 
}) 

Ничего не работает. Я не уверен, как получить изображения из видео. Я не уверен, что добавить в HTML, так как ничего не отображается без изображений.

Answer 1

Я только что отправил ответ кому-то, имеющему почти такую ​​же проблему (LightGallery Dailymotion). Это когда вам нужно загружать видео из ресущей, кроме vimeo или youtube. Если вы собираетесь загружать с этих сайтов, пропустите процесс извлечения iframe src и просто скопируйте и вставьте URL своего браузера (URL-адрес этого видео в YouTube, например) в значение «data-src». и удалить «данные-IFrame =» истина «» от сНа тега, чтобы ваш код должен почти выглядеть один:

$(document).ready(function(){ 
     $('.ep_lightGallery').lightGallery({ 
      selector: '#video-gallery', 
      }); 
     }); 

<div id="video-gallery" data-iframe="true" data-src="https://vimeo.com/104769168"> 
     <a href="'.$ThumbnailURL.'"> 
    </div>