Lightgallery不會顯示縮略圖

我使用lightGallery顯示一組視頻。在文檔中，它說我可以使用一些插件自動從視頻中加載縮略圖。我已經包含在需要的插件：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放在什麼位置，因爲沒有圖片沒有顯示。

來源

2015-12-07 Spacebear5000

你能粘貼您正在使用的lightgallery插件的網址？ – marukobotto

@nickB這是一個：[http://sachinchoolur.github.io/lightGallery/](http://sachinchoolur.github.io/lightGallery/） – Spacebear5000

我剛剛發佈了一個答案，幾乎有同樣的問題（LightGallery Dailymotion）這是當你需要從資源上載除視頻或YouTube以外的視頻。如果您打算從這些網站上傳，請跳過iframe src提取過程，並簡單地將瀏覽器的URL（例如，youTube中該視頻的URL）複製並粘貼到「data-src」值中。從div標籤去掉「數據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>

來源

2016-01-28 13:14:06 Setareh

Lightgallery不會顯示縮略圖

回答

相關問題