1

ブートストラップ フレームワークを使用してサイトを構築しており、モーダル ウィンドウ内で YouTube ビデオを開くボタンをクリックできるようにしたいと考えています。モーダル ウィンドウのプレーヤーを YouTube プレーヤー API を使用するクロムレス プレーヤーにしたいと思います。再生、一時停止、停止などの独自のボタンをすべて作成します。このコードを使用すると、モーダル ウィンドウを開いて再生できます。正しいビデオが一度読み込まれますが、ウィンドウを閉じて別のリンクをクリックしてモーダル ウィンドウで別のビデオを開くと、最初のビデオが毎回読み込まれます。どうすればそれを開いて別のビデオをロードできますか?

  <a class="btn btn-small btn-inverse" onClick="openPlayerLoadVideo('bR2bMFwU6sI');">Demo Video</a>
  <a class="btn btn-small btn-inverse" onClick="openPlayerLoadVideo('KqX-4aRC0K4');">Demo Video</a>

  function openPlayerLoadVideo(videoCode) {
    $('#demo_viewer').modal({show:true});
    var videoID = videoCode; 
    var params = { allowScriptAccess: "always" };
    var atts = { id: "ytPlayer" };
    swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "?version=3&enablejsapi=1&playerapiid=ytplayer", 
                       "videoDiv", "590", "400", "9", null, null, params, atts);
  }
4

1 に答える 1

0

キャッシングの問題である可能性があるようです。YouTube iframe 埋め込みを使用してみてください。これは、動画を埋め込む方法としても推奨されています。これについてのブログ記事はこちらです。 http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

loadVideoById現在のように URL を作成し続けることも、API で詳細に説明されているように 使用することもできます。https://developers.google.com/youtube/iframe_api_reference

于 2012-10-17T17:03:26.710 に答える