概要 iframe で出力された Youtube 動画を CSS を使ってレスポンシブに対応させる。 参考にしたサイト:「Thierry Koblentz / A List Apart : Creating Intrinsic Ratios for Video」 サンプル Youtube から iframe の埋め込みコード(共有 → 埋め込みコード)を取得して、それを任意のクラス名を付けた div 要素(class=”youtube”)で囲む。 <div class="youtube"> <iframe width="640" height="360" src="//www.youtube.com/embed/dH3GSrCmzC8" frameborder="0" allowfullscreen></iframe> </div><!--end of .youtube-->