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". и удалите "data-iframe="true"" из тега div, чтобы ваш код выглядел почти так:

 $(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>