api - Youtube Player API を使用した複数の iframe 埋め込み

Question

状況：

• YouTubeビデオへのリンクを含むページがあります

• リンクがクリックされると、JavaScript を使用して新しい iframe がページにロードされます (リロードなし) ( http://developers.google.com/youtube/iframe_api_referenceを参照) 。

• ビデオが終了するか、ユーザーがビデオを閉じることを選択した後、player.destroy() を呼び出して、プレイヤーを DOM から削除します。

これはすべて正常に機能しています。しかし、ビデオが削除された後、2 番目の iframe が読み込まれなくなります。新しいビデオをロードする前に、何かをリセットする必要があるのではないでしょうか (JavaScript オブジェクト、イベント リスナーなど)。何を試すことができますか？

Answer 1

解決しました！最初のビデオでのみ、このonYouTubeIframeAPIReady関数は youtube API によって呼び出されますIframeAPI。

したがって、最初のビデオを実行する場合new YT.Player()は、onYouTubeIframeAPIReady関数で使用する必要があります。2回目以降はすぐに使えますnew YT.Player()。