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 (例如，视频在youTube中的URL )复制并粘贴到"data-src“值中。并从div标签中删除"data-iframe="true"“，这样你的代码应该看起来像这样：

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