Reverieでyoutubeを表示するときの対処法


WordPressテーマReverieでyoutubeを表示すると横幅がrowよりも大きくなってしまい、結果としてレイアウトが崩れてしまう。
その時の対処法を考える。

レイアウトが崩れた時の画像

こんな感じ。写真はgoogle chromeのemulaterでiPhoneを選択した場合の表示。
実際にiPhoneで確認すると、枠からはみ出してyoutubeが表示され非常にかっこ悪い。

で、投稿ページで貼り付ける時に

<div class="row">

</div>

というようにYouTubeアドレスに&w=300を追加してあげればOKでした。

修正後の画像

すでにdiv .class=”row”の中にいるので、勝手に調整してくれると思ったのですが、なぜがyoutubeはダメみたいです。
おかげでデスクトップ環境で見るときに、youtubeプレーヤーが小さく表示されてしまうのです。まぁ破綻はしていないのでよしとしましょう。

 

ご自由にどうぞ