1

YouTube リンクを Fancybox する場合 (Fancybox なしでコードを埋め込むのとは対照的に)、ページロード時の自動再生を回避するにはどうすればよいですか?

画像をクリックして再生を開始できるようにしたい。

http://www.estherwarda.com/wci/homepage/

4

2 に答える 2

4

最新バージョンの Fancybox (2+) を使用している場合、YouTube と Vimeo が認識され、適切に処理されるようになりました。

ただし、ほとんどのドキュメンテーションは Fancybox 1 にあるため、これを見つけるには少し掘り下げる必要がありました。

Fancybox は YouTube の URL を取り除き、いくつかのデフォルト パラメータを追加します。

  • autoplay=1 (動画は自動再生されます)
  • autohide=1 (ビデオの再生中にコントロールが非表示になります)
  • fs=1 (フルスクリーンが有効)
  • rel=0 (関連動画は非表示)
  • hd=1 (HD 再生が有効)
  • wmode=opaque (YouTube とライトボックスで z-index を修正)
  • enablejsapi=1 (Javascript API を有効にする)

つまり、通常はこれらのパラメーターを URL に渡して適用することができますが、Fancybox 2 はそれらを無視し、事前設定された値にフォールバックします。

がっかりしないでください！スクリプトでそれらをオーバーライドできます。いくつかの方法。

通常のメディア埋め込み:

  $(".fancybox").fancybox({
      helpers : {
          media: true
      }
  });

カスタム URL パラメータの方法 1:

  $(".fancybox").fancybox({
      helpers : {
          media: {
              youtube : {
                  params : {
                      autoplay : 0
                  }
              }
          }
      }
  });

カスタム URL パラメータの方法 2:

  $(".fancybox").fancybox({,
       helpers : {
          media: true
      },
      youtube : {
          autoplay: 0
      }
  });

詳細については、ヘルパー > jquery.fancybox-media.js ファイルを参照してください (コメントを確認してください)。Fancybox 2 はさまざまな URL 形式もサポートしているため、どの URL バージョンを使用する必要があるかを気にする必要はありません (例: youtube.com/watch?v=###とyoutu.be/### )。

于 2012-09-11T17:51:31.477 に答える
2

それはあなたの埋め込みコードについてです。Youtubeの古いデフォルトの埋め込みコードは次のようになりますhttp://www.youtube.com/v/bla?version=3。ロード時の再生を制御するautoplayパラメータを取ることができます。にプッシュバックでき&autoplay=0ますhttp://www.youtube.com/v/bla

http://www.youtube.com/v/bla?version=3&autoplay=0
于 2012-04-18T23:55:39.977 に答える