首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何获得youtube的缩略图?

如何获得youtube的缩略图?
EN

Stack Overflow用户
提问于 2016-03-22 15:37:30
回答 1查看 2.2K关注 0票数 3

我正在尝试使用这个插件:https://github.com/sachinchoolur/lightGallery

我无法理解的是-它会为图像/视频生成缩略图吗?

我不能用这些文档从youtube上得到缩略图。

CSS:

代码语言:javascript
运行
复制
<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:

代码语言:javascript
运行
复制
$('.light-gal-item').lightGallery({
    thumbnail: true,
    thumbWidth: 120,
    thumbContHeight: 90,
    loadYoutubeThumbnail: true,
    youtubeThumbSize: 'default'
});

HTML:

代码语言:javascript
运行
复制
<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>

像这样的画面..。但即使如此,我还是不知道它是否有缩略图,或者是否需要不同的网址.

也不会让youtube缩略图..。帮助!

EN

回答 1

Stack Overflow用户

发布于 2016-06-30 05:38:53

我也有同样的问题,但也许你可以用这个技巧

这是我的密码

代码语言:javascript
运行
复制
<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上的youtube视频id,在本例中是"P1mmrxt71RQ“。要搜索另一个youtube缩略图大小,请使用此http://boingboing.net/features/getthumbs.html

对于这个技巧,你不需要使用

代码语言:javascript
运行
复制
<script type="text/javascript" src="/static/js/lg-thumbnail.min.js"></script>

我希望这能帮上忙

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36158774

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档