1

ビデオのコレクションを表示するために 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 に何を入力すればよいかわかりません。

4

1 に答える 1

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>
于 2016-01-28T13:14:06.230 に答える