Menu
Coddy logo textTech

Iframe

Coddyの「YouTubeビデオプレーヤー - HTMLプロジェクト」コースのレッスン 2/7。

ウェブサイトにYouTubeプレーヤーを作成する最も簡単な方法は、iframeタグを使用することです。

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ">
</iframe>

以下の点に注意してください。

  • width属性とheight属性を宣言することで、ビデオプレーヤーのサイズを制御します。
  • src属性はYouTube動画へのリンクです。
  • リンクは以下の形式である必要があります。
    • https://www.youtube.com/embed/id(idは動画のIDです)。これはYouTubeの通常のリンクではないため、修正する必要があります。
challenge icon

チャレンジ

簡単

iframe を使用してお好みの動画の YouTube プレーヤーを作成し、任意の width 属性と height 属性を追加してください。

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- ここにコードを書いてください -->
    </body>
</html>

YouTubeビデオプレーヤー - HTMLプロジェクトのすべてのレッスン