Я использую 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, который является значением по умолчанию. Как я могу использовать другой эскиз? Что не так?
Решено Я добавил хеш-плагин, так как мне нужно создать несколько галерей видео на одной странице, и таким образом он работает. Это изменения:
в Посмотреть:
<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') !!}
Других решений пока нет …