0

私の Vimeo ビデオが Shadowbox に表示されない理由がわかりません。

私が知っている最も簡単な方法に到達したと思います.githubページから例を直接コピーして貼り付け、シャドウボックスのパスをサーバー上の正しい場所に変更します(.jsおよび.cssファイルの場合) ）。

ビデオへのリンクをクリックすると、ビデオがシャドウボックスに表示されると思います。

代わりに、ページが暗くなるだけです (シャドウボックスが何かをしようとしていることがわかります) が、ビデオやボックスは画面に表示されません。

単純な画像が機能することをテストするためだけに、サンプル ページに単純な画像リンクを追加しました。します。

私のコード例は次のものです: https://github.com/mjijackson/shadowbox/blob/master/examples/vimeo.html

コードは、ここの下部にある Vimeo リンクのように機能するはずです: http://www.shadowbox-js.com/index.html

私の実際の作業ページは http://zanezmiller.com/hidden/video-test.htmlにあります。

これは、私が仕事をしようとしているサンプルページの完全なコードです: (事前に助けてくれてありがとう)

<html>
<head>
<link rel="stylesheet" type="text/css" href="/shadowbox/style.css">
<link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.css">
<script type="text/javascript" src="/shadowbox/shadowbox.js"></script>

<script type="text/javascript">
   Shadowbox.init({}, function() {
      Shadowbox.setup('a[title="Egypt/Lebanon Montage"]', {
         height:     360,
         width:      640,
         flashVars:  {
            clip_id:  "7058755",
            autoplay: "1"
         }
     });

     Shadowbox.setup('a[title="Shows Images Work"]', {
        height:     360,
        width:      640
     });
 });
</script>
</head>
<body>
    <p>This example demonstrates how to display a Vimeo video in Shadowbox.</p>
    <p><a href="http://vimeo.com/moogaloop.swf" title="Egypt/Lebanon Montage">Click Here</a></p>
    <p id="foot">This file is part of <a href="http://shadowbox-js.com/">Shadowbox.js</a>.</p>    
    <p><a title="Shows Images Work" href="http://upload.wikimedia.org/wikipedia/en/thumb/d/dd/G2Cloud_eso1151a.jpeg/200px-G2Cloud_eso1151a.jpeg">This shows images work</a></p>


</body>
</html>
4

1 に答える 1

1

それがうまくいったことをうれしく思います。ランダムな訪問者にも役立つように、コメントを言い換えます. :)

適切なオプションを指定してシャドウボックス ライブラリをビルドしていることを確認してください。そうしないと、使用したい特定のシャドウボックス モードが機能します。参照: http://shadowbox-js.com/download.html

于 2013-10-15T03:24:34.403 に答える