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提取过程，只需将浏览器的网址（例如youTube中该视频的网址）复制并粘贴到“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>

Lightgallery不会获得缩略图

1 个答案: