[B! JavaScript][YouTube] jytechのブックマーク

YouTubeの動画をサイトの背景として使用する方法 | ホームページ作成のブラボーウェブ

.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本体の読み込みは必要な

jytech 2021/10/08

リンク

動くWebデザインアイデア帳

サイト閲覧方法 1ウェブサイトへアクセス https://ugokuweb.coco-factory.jp/ugokuweb/ 新サイトはこちらから 2【ユーザー名】と【パスワード】が求められますので、以下の情報を入力してください。【ユーザー名】：ugokuweb 【パスワード】：指定のページ数を【半角数字3桁】で入力（例）30ページの場合は 030 と入力 ※黄色本をご購入の方：7-2「検索」の表紙ページ数 ※ピンク本（実践編）をご購入の方：9-4「SVGアニメーション」の表紙ページ数を【半角数字3桁】で入力してください。 3閲覧制限が解除され、サイトを閲覧できるようになります。ブックマークをしてご利用ください。 ※掲載されているコードは、2021年に出版された時のものをそのまま掲載しています。（jQueryのバージョン、プラグインのソースコードの書き方を含む）ソースコードの書