Как получить лайтгалерею YouTube эскизы?

Question

Я пытаюсь использовать этот плагин: 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... ПОМОГИТЕ!

Answer 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>

Вы просто замените идентификатор видео YouTube на img src, в этом примере "P1mmrxt71RQ". Для поиска другого размера эскиза YouTube используйте этот http://boingboing.net/features/getthumbs.html

И для этого трюка, вы не нуждаетесь в использовании

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

Надеюсь это поможет