YouTubeのサムネイル画像をクリックしたら埋め込みiframeを読み込むjQuery

やりたいこと 余計なデータ通信を発生させないために、YouTube動画のサムネイルをタップ・クリックしたときにだけ、埋め込み動画のiframeを読み込ませる。 16:9のレスポンシブ対応をする。 サムネイル画像と埋め込みiframeで表示位置がズレないようにする。 サンプル https://hi3103.net/study/1902-loadytlater/ 用意するもの 埋め込みたいYouTube動画のID 再生ページのURLのパラメータにある文字列を控える https://www.youtube.com/watch?v=【動画ID】 ソース HTML imgタグのソースに指定しているYouTubeサムネイル画像は、以下のエントリーを参考にURLを取得。 YouTubeの動画のサムネイル取得が思った以上に簡単だった件 | EMiAC-Works <div class="embed-res