レスポンシブにする方法ツイート2シェア2はてブ4送るPocket2このブログはレスポンシブデザインのテンプレートを使っているのですが。動画を埋め込んだ時に、横幅の狭いスマートフォンで表示した時、縦と横の比率がおかしくなっているのが前から気になっていたので、埋め込み動画もレスポンシブに対応してみました。調整するだけで、埋め込み動画もレスポンシブに対応することができました。NxWorldこちらを参考にさせて頂きました。Videosでこちらが元ネタ(?)なのかな。元ネタの方からソースを頂きました。100%;}「margin-bottom」は自分で追加しました。下に続く項目がピッタリと動画にくっついてしまったので。allowfullscreen></iframe></div>これで埋め込み動画を美しく表示できました。Velocity動画の最大幅をを指定するまた、動画の最大幅を指定したいときは、以下を追加すればよいそうです。