デイトラWeb制作コース中級編DAY17 テーブルとGoogleMap(iframe)埋め込みのコーディング iframe②

2022年5月31日2023年2月16日

YouTube埋め込みもよく使うパーツですね。今回は前回のコードを少し変えるだけなので簡単です。

iframe埋め込みのコーディング YouTube編 HTML

前回のファイルのmapの部分をyoutubeに変えるだけで完了です。定義リストの部分は消しました。

クラスのmapの部分をyoutubeに変えます。padding-topにYouTubeのフレームの数値を入れます。

padding-top: 360 / 640 * 100%;

あとは定義リストのコードを消し、ボタンと動画の間を広めに空ければ完了です。

次はお問い合わせフォームのコーディングです。

よかったらシェアしてね！