YouTube動画をレスポンシブにコンテナ幅いっぱいに表示させるcssの方法として、これまでpadding-top:を56.25%に設定する手法が採られていましたが、今後はaspect-ratio属性を16/9に設定すると良さそうです。 レスポンシブでYouTubeをコンテナ幅いっぱいに表示させたい YouTube動画をwebサイトに埋め込む場合、下記のようなhtmlコードになるかと思います。 <div class="youtube-container"> <iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/*****" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; cl