JavaScript — Light Gallery youtubeThumbSize не работает

Я использую LightGallery для видео на YouTube. Я пытаюсь изменить миниатюру по умолчанию, но она не работает.

в Посмотреть Я имею:

<div class="video-gallery">
<div id="lightgallery">

<span class="video" data-src="https://www.youtube.com/watch?v=meBbDqAXago">
<a href="">
<img class="img-responsive" src="http://img.youtube.com/vi/meBbDqAXago/0.jpg" style="width: 100%;">
</a>
</span>
<i data-src="https://www.youtube.com/watch?v=Pq9yPrLWMyU"></i>

</div>
</div>

в Javascript

$('#video-gallery').lightGallery({
loadYoutubeThumbnail: true,
youtubeThumbSize: 0,
});

И у меня есть следующие скрипты и CSS загружены

{!! HTML::style('css/web/lightgallery.css') !!}
{!! HTML::style('css/web/lg-video.css') !!}

{!! HTML::script('js/web/lightgallery.min.js') !!}
{!! HTML::script('js/web/lg-thumbnail.min.js') !!}
{!! HTML::script('js/web/lg-fullscreen.min.js') !!}
{!! HTML::script('js/web/lg-video.min.js') !!}

Предполагается, что youtubeThumbSize должен выбрать, какую миниатюру вы хотите отобразить в галерее. Я пытался использовать 0 или 2, но всегда беру 1, который является значением по умолчанию. Как я могу использовать другой эскиз? Что не так?

0

Решение

Решено Я добавил хеш-плагин, так как мне нужно создать несколько галерей видео на одной странице, и таким образом он работает. Это изменения:

в Посмотреть:

<div class="video-gallery">
<div id="hash1">

<span class="video" data-src="https://www.youtube.com/watch?v=meBbDqAXago">
<a href="">
<img class="img-responsive" src="http://img.youtube.com/vi/meBbDqAXago/0.jpg" style="width: 100%;">
</a>
</span>
<i data-src="https://www.youtube.com/watch?v=Pq9yPrLWMyU"></i>

</div>

в Javascript:

$("#hash1").lightGallery({
hash: true,
galleryId: 1,
loadYoutubeThumbnail: true,
youtubeThumbSize: 0,
});

и я также добавил плагины LightGallery:

{!! HTML::script('js/web/lg-hash.min.js') !!}
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]