0

ここの誰かが私を助けてくれるか、正しい方向に向けてくれることを望んでいた大きな問題があります。

LightGallery というライト ボックス ギャラリーを中心にウェブサイト全体を構築しました - ( https://github.com/sachinchoolur/lightGallery )

私が使用していた Vimeo ビデオでは問題なく動作していましたが、クライアントから、ビデオを Wistia でホストする必要があるとの連絡がありました。

Wisita が Vimeo よりも統計レポートに優れている点を見るのは理にかなっていますが、そうする方法についてはまったく手がかりがありません。グーグルの助けを借りてそれを翼にしてきたフロントエンドデザイナーです。

これは、私が達成するのが中程度の難易度の領域にあるものですか? または、最初からやり直して、すでに wistia を許可しているプラ​​グインを探す必要がありますか?

あなたが提供できる助けを前もって感謝します。

最高、ニック

4

1 に答える 1

0

Wistia ビデオの操作は、Vimeo (または同様のもの) と同じくらい簡単になります。

Wistia では、さまざまな方法でビデオを埋め込むことができます: HTML5、Flash プレーヤー、iframe を使用して....LightGallery では 1 つのセクションを 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" を設定して、指定された「data-src」を iframe で開きます。この方法でグーグルマップや外部サイトなどを表示できます

したがって、(上記のように) iframe で Wistia を使用する場合は、それをセクションとして直接追加できます。

于 2015-07-28T22:36:57.940 に答える