如何获得 lightgallery youtube 缩略图？答案

【问题标题】：How to get lightgallery youtube thumbnails?如何获得 lightgallery youtube 缩略图？
【发布时间】：2016-03-22 15:37:30
【问题描述】：

我正在尝试使用这个插件：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 缩略图...帮助！

【问题讨论】：

标签： javascript jquery youtube lightgallery

【解决方案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>

您只需替换 img src 上的 youtube 视频 ID，在此示例中为“P1mmrxt71RQ”。要搜索其他 youtube 缩略图大小，请使用 http://boingboing.net/features/getthumbs.html

对于这个技巧，你不要必要的使用

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

希望对你有帮助

【讨论】：

是的，我知道如何从 //img.youtube.com/ 网址获取 youtube 拇指。我认为 Lightgallery 可以为我做到这一点。我猜它没有。