同一ページ内でYouTubeを複数設置したときに、同時再生をさせないようにする同一ページ内でYouTubeプレーヤーを複数埋め込んだとき、 通常だと同時に再生することができてしまいます。 実装前のデモページ 今回はこれを回避する方法を考えてみました。 対応方法案 対応方法として、以下の3案を考えました。 YouTubeプレーヤーではなくサムネイルを設置するようにして、サムネイルをクリックしたら ライトボックスを表示して再生するようにする。 YouTubeプレーヤーの設置を一つだけにして、代わりにサムネイルを設置。 サムネイルをクリックでYouTubeプレーヤーのURLが切り替わるようにする。 YouTubeプレーヤーをクリックして再生したときに、 他に再生しているYouTubeプレーヤーがあったら停止させる。 今回はYouTubeプレーヤーを複数埋め込むことが決まっていたたので、3番目を実装してみました。 ただ、実装するのは3案どれでも問題なさそうなので、場合に応じ
