光廊youtubeThumbSize不工作

Question

我用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，这是默认的1。我怎么用另一个缩略图？什么不对？

Answer 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,
});

我还添加了插件 of LightGallery：

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