.overlay, #yt_player { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; } .overlay{ z-index: -1; } #yt_player{ z-index: -2; } playerとoverlayのdivタグは同じCSSを適用し、z-indexで前後関係を調整します。動画になる#yt_playerが下になることでユーザーは動画に触れなくなります。 3.JavaScript 最後にscriptです。一見量が多いですが、リファレンスのものをベースに少し変更している程度なので、コードの中身や意味はざっくりわかればOKです。今回はリファレンス内の動画を利用します。 YouTube APIはJQuery本体の読み込みは必要な
![YouTubeの動画をサイトの背景として使用する方法 | ホームページ作成のブラボーウェブ](https://cdn-ak-scissors.b.st-hatena.com/image/square/12b30f424ccaa62bb2cdf23b0a598a61f1a4fd6d/height=288;version=1;width=512/https%3A%2F%2Fbravo-web.com%2Fbravocms%2Fwp-content%2Fuploads%2F2020%2F04%2Fmaking_2.jpg)