3

このプラグインを使用しようとしています: https://github.com/sachinchoolur/lightGallery

私が理解できないのは、画像/ビデオのサムネイルを生成しますか?

そして、ドキュメントを使用してYouTubeからサムネイルを取得できません...

CSS:

<link rel="stylesheet" href="/static/css/lightgallery.min.css">
<script type="text/javascript" src="/static/js/lg-fullscreen.min.js"></script>
<script type="text/javascript" src="/static/js/lightgallery.min.js"></script>
<script type="text/javascript" src="/static/js/lg-thumbnail.min.js"></script>
<script type="text/javascript" src="/static/js/lg-video.min.js"></script>

JS:

$('.light-gal-item').lightGallery({
    thumbnail: true,
    thumbWidth: 120,
    thumbContHeight: 90,
    loadYoutubeThumbnail: true,
    youtubeThumbSize: 'default'
});

HTML:

<div class="light-gal-item">
    <a href="http://www.youtube.com/watch?v=P5_GlAOCHyE" data-src="http://www.youtube.com/watch?v=P5_GlAOCHyE">
        <img src="http://www.youtube.com/watch?v=P5_GlAOCHyE"
             width="120" height="90" />
    </a>
</div>

それはそのような画像を行います...それでも、サムネイルを行うかどうか、または別のURLでそれらが必要かどうかはわかりません...

そして、それはYouTubeのサムネイルを作成しません...ヘルプ！

4

1 に答える 1

1

私は同じ問題を抱えていますが、おそらくこのトリックを使用できます

これは私のコードです

<div id="video-gallery">
<a href="https://www.youtube.com/watch?v=P1mmrxt71RQ">
<img src="http://img.youtube.com/vi/P1mmrxt71RQ/0.jpg" class="cropped" />
</a>
</div>

この例の「P1mmrxt71RQ」では、img src の YouTube ビデオ ID を置き換えるだけです。別の YouTube サムネイル サイズを検索するには、このhttp://boingboing.net/features/getthumbs.htmlを使用します。

そして、このトリックでは、使用する必要はありません

<script type="text/javascript" src="/static/js/lg-thumbnail.min.js"></script>

この助けを願っています

于 2016-06-30T05:38:53.427 に答える