動画埋め込みをレスポンシブWeb対応

Movable Typeのアップデートに伴いデザインをレスポンシブWeb対応にした為、YouTubeの動画埋め込みしてるとこの表示が少し変になってました。
具体的には横幅が伸びて縦は指定したままのような感じ。

そこで動画を埋め込む際にレスポンシブ対応するようにしてみました。
WordPressや通常サイトでYoutubeやVimeoの動画の埋め込みをCSSで簡単にレスポンシブWeb対応にさせる方法 |
上記のサイトを参考にcssに変更を加えました。

これでこれから埋め込みをする場合は縦横比が変になることは無いと思います。

PageTop