YouTube ビデオを活用する

埋め込み方法

YouTubeビデオを埋め込む場合、レスポンシブデザインに対応させるには特別なコンテナを用意するのがおすすめです。このページではレスポンシブな埋め込み方法を紹介しています。

埋め込みコード例

<div class="video-container">
    <iframe src="https://www.youtube.com/embed/VIDEO_ID" 
     title="YouTube video player" 
     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen></iframe>
</div>