我正在尝试使用这个插件: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>
像这样的画面..。但即使如此,我还是不知道它是否有缩略图,或者是否需要不同的网址.
也不会让youtube缩略图..。帮助!
发布于 2016-06-29 21:38:53
我也有同样的问题,但也许你可以用这个技巧
这是我的密码
<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
对于这个技巧,你不需要使用
<script type="text/javascript" src="/static/js/lg-thumbnail.min.js"></script>
我希望这能帮上忙
https://stackoverflow.com/questions/36158774
复制相似问题