エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQueryで後から一括でYouTube等の動画をレスポンシブ対応にする方法 - わぃおがわ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQueryで後から一括でYouTube等の動画をレスポンシブ対応にする方法 - わぃおがわ
最近自作のレスポンシブテーマに変えてちょっとずつ構築してるんですが、サイトをレスポンシブ化した際... 最近自作のレスポンシブテーマに変えてちょっとずつ構築してるんですが、サイトをレスポンシブ化した際に問題になるのが "YouTubeなどの埋め込み動画" でございます。 このサイトもレスポンシブ化した際にYouTubeで埋め込んだ動画がご覧のとおりはみ出してしまいました・・・。 YouTube等の埋め込み動画(iframe)をレスポンシブ化する際には、こちらのサイトに書いてあるような方法が定石かと思いますが、これをやるには ”動画を埋め込んでる記事を探して埋め込みコードをdivで囲わなければならない” という面倒な作業が発生します。 まぁ僕のサイトは記事が少ないので最初から精査していってdivで囲んでもよかったのですが、なんか一括で出来ないかなと思ってたらjQueryに良さげなメソッドが有ったのでこれで一発解決しました! wrap()を使って埋め込みコードをレスポンシブ化のdivコードで包む