0

我有一个大问题，我希望这里的某个人能够帮助我，或者指出我正确的方向。

我围绕一个名为 LightGallery 的灯箱画廊建立了一个完整的网站 - ( https://github.com/sachinchoolur/lightGallery )

我使用的 Vimeo 视频运行良好，但客户刚刚通知我，视频现在需要托管在 Wistia 上。

看到 Wisita 在统计报告方面优于 Vimeo 的好处是有道理的，但我对此一无所知。我是一名前端设计师，在谷歌的帮助下一直在努力。

这对我来说是中等难度范围内的事情吗？还是我应该重新开始，寻找一个已经允许 wistia 的插件？

提前感谢您提供的任何帮助。

最好的，尼克

4

1 回答 1

0

使用 Wistia 视频将与使用 Vimeo（或类似软件）一样简单。

Wistia 允许您以多种不同的方式嵌入视频：使用 HTML5、Flash 播放器、iframe……而LightGallery 允许您将一个部分设置为 HTML，因此只需将您的 Wistia 代码隐藏div（使用display:none），并将其添加到灯光画廊。真的很简单，不是吗？

这是一个简单的例子：

$(document).ready(function() {
    $("#lightGallery").lightGallery(); 
});

<div id="inlineSubHtml" style="display:none">
    <iframe src="http://fast.wistia.net/embed/iframe/479268413a" width="600" height="480"></iframe>
</div>

<ul id="lightGallery">
    <li data-src="http://lorempixel.com/200/200/people">
        <img src="http://lorempixel.com/200/200/people" />
    </li>
    <li data-src="http://lorempixel.com/200/200/nature">
        <img src="http://lorempixel.com/200/200/nature" />
    </li>
    <li data-sub-html="#inlineSubHtml">
        <img src="http://lorempixel.com/200/200/sports" />
    </li>
</ul>

你可以看到它在这个 JSFiddle 上工作：http: //jsfiddle.net/d71763ta/

甚至更容易，根据文档：

iframe 支持

设置属性 data-iframe=”true” 以在 iframe 中打开给定的“data-src”。您可以使用此方法显示谷歌地图、外部网站等

因此，如果您将 Wistia 与 iframe 一起使用（如上），您可以直接将其添加为一个部分。

于 2015-07-28T22:36:57.940 回答