Blueimp画廊 - 来自YouTube的视频

时间:2016-07-09 14:04:42

标签: twitter-bootstrap video youtube blueimp

我在我的网站上与blueimp视频播放器实施斗争。我已经完成了照片库,但我不知道如何从Youtube启用视频。
我找到了THIS主题,并尝试使用那里的代码,但没有令人满意的结果。
我在BootStrap框架上构建网站。

我无法向您发送我的代码,因为我现在尝试了许多我能想到的不同可能性,因此它非常混乱。

当我开始使用照片库时,我打开了BlueImp的文档并按照" SETUP"脚步。但这仅适用于照片。当我向下滚动到VIDEO部分时,遇到问题。因为我不知道如何处理这段代码。我想通过所有控制按钮放置CAROUSEL版本的播放器,但我无法将其连接到任何YouTube视频。 Screenshot of what I've got right now when I open the page
没有视频,只有空白播放器。
事情是,我希望你能一步一步地告诉我该做什么,这样我才能理解它,我真的很喜欢它,因为我真的可以自己解决它(我' m不是网站编码器,目前我没有太多时间学习这些东西,但我答应我的兄弟,我会为他做这件事)。
提前谢谢。

1 个答案:

答案 0 :(得分:0)

确保您已包含对BlueImp YouTube JS的引用。

GitHub上的Blueimp设置并不清楚,但您需要包含对YouTube JS的引用。

<script src="js/blueimp-gallery-youtube.js"></script>

然后你需要一个带有以下标签的链接:

<a href="https://www.youtube.com/watch?v={yourvideolink}"
title="Video title text"
type="text/html"
data-youtube="{yourvideolink}"
data-poster="https://img.youtube.com/vi/{yourvideolink}/0.jpg"
data-gallery></a>

将{yourvideolink}替换为YouTube从共享代码中提供的视频ID。

经过两天的困惑,这让我工作了。