0

このページで Fancybox 2 をインストールして構成しました: http://southernlivingplants.com/carmen_johnston/

最初のビデオ プレースホルダーには、YouTube ビデオがリンクされています。Fancybox ウィンドウにポップアップ表示されるはずですが、YouTube ページに直接移動するだけです。

FireBug で確認しましたが、エラーは発生しません。すべてが正しく読み込まれているようです。

これが私のコードです:

<script type="text/javascript" src="../fancybox2/source/jquery.fancybox.js?v=2.1.0"></script>
<link rel="stylesheet" type="text/css" href="../fancybox2/source/jquery.fancybox.css?v=2.1.0" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
    $('.fancybox-media').fancybox({
    openEffect  : 'none',
    closeEffect : 'none',
    helpers : {
    media : {}
    }
   });
  });   
</script>

ここで私が見逃している手がかりはありますか?

ありがとう。

4

2 に答える 2

2

動画は iframe タイプで表示できます。これを使用するには、以下の 2 つのアプローチを使用できます。

1)「fancybox-media」とともにアンカータグにクラス「iframe」を追加します。たとえば、js のコードは同じになります。

<a href="youtube url" class="fancybox-media iframe"><img /></a>

2) または fancybox のスクリプト コードでタイプを定義します。

$('.fancybox-media').fancybox({
    type : 'iframe',
    // existing stuff   
});

これで問題が解決することを願っています。

于 2012-09-12T16:57:11.230 に答える
1

また、次の例をご覧になることをお勧めします。

http://webdesignandsuch.com/posts/fancybox-download/responsive-youtube-videos/fancybox-youtube.html

HTML コードと js スニペットを調べるだけで、それを Web サイトに適用することができます。

于 2012-09-12T17:03:13.633 に答える