最近自作のレスポンシブテーマに変えてちょっとずつ構築してるんですが、サイトをレスポンシブ化した際に問題になるのが "YouTubeなどの埋め込み動画" でございます。 このサイトもレスポンシブ化した際にYouTubeで埋め込んだ動画がご覧のとおりはみ出してしまいました・・・。 YouTube等の埋め込み動画(iframe)をレスポンシブ化する際には、こちらのサイトに書いてあるような方法が定石かと思いますが、これをやるには ”動画を埋め込んでる記事を探して埋め込みコードをdivで囲わなければならない” という面倒な作業が発生します。 まぁ僕のサイトは記事が少ないので最初から精査していってdivで囲んでもよかったのですが、なんか一括で出来ないかなと思ってたらjQueryに良さげなメソッドが有ったのでこれで一発解決しました! wrap()を使って埋め込みコードをレスポンシブ化のdivコードで包む