0

私はここに jquery fancybox 2.1.3 を実装しています: http://n2lose.kodingen.com/homepage/test.html

ソース

<a href="http://vimeo.com/35400388" class="Video pull-left">
                <img src="background/Video.png" alt="video platform" />
            </a>

脚本：

$('.Video').fancybox({
            openEffect  : 'none',
            closeEffect : 'none',
            helpers : {
                media : {}
            }
        });

ここの例に従います: http://fancyapps.com/fancybox/#examplesでそれを行います。なぜ機能しないのかわかりません。コンソールのファイアバグにエラーが表示されます。

不明なエラー: 構文エラー、認識できない式

誰でも私を助けてくれますか？

4

1 に答える 1

1

jsFiddle デモ: Fancybox v2.1.3

Fancybox Web ページの例では、次の場所にある追加の .js ファイルを使用する必要があります。

http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-media.js

また、ビデオを表示する と を のように width定義する必要があります。ビデオの縦横比を維持するために使用するビデオの正確なサイズを知るには (上部/下部または両側に黒いバーが表示されないようにするため)、そのビデオの Vimeo Web ページでダウンロード ボタンをクリックするだけです。height1280 x 656

編集:また、このiframe 付きのjsFiddleも見つかりました。

于 2013-01-04T07:44:40.397 に答える