Question

我正在为YouTube视频使用LightGallery。我正在尝试更改默认缩略图，但它不起作用。

在视图中，我有：

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

在 javascript

中

{!! 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') !!}

我有以下脚本和css加载

foo

假设youtubeThumbSize是选择要在图库中显示的缩略图。我试过使用0或2，但总是取1是默认值。我该如何使用其他缩略图？什么不对？

Answer 1

Solved我添加了哈希插件，因为我需要在同一页面中创建几个视频库，并以这种方式工作。这些是变化：

在视图：

中

<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') !!}

Light Gallery youtubeThumbSize无效

1 个答案: