スマートフォンでyoutube動画のはみ出しを防ぐ方法-Androidでも可

すごくシンプルな話なんですけど、個人的に大苦戦したので制作会社の営業や個人ブロガーさんなどには役に立つかもしれませぬ。スマートフォンさんが急速に普及されたのでスマホ対応ページというのも急速に増えてきました。

そんな中、youtube動画が画面サイズをはみ出して表示されているケースが非常に多いのでどうしたら良いだろうかと調べていたら解決策はありました。CSSで制御するだけなのですが。

スポンサーリンク

上記をCSSに追記して、youtubeのコードを囲ってあげるだけですね。ずっとこれで良いと思っていました。クライアント仕事の場合は自分でコーディングしたりしませんからプロにお任せなんですね。自分で上記の方法でやった場合もiphoneで確認して終了という感じだったので気が付かなかったのです。Androidの存在を。

たまたまGalaxySでサイトを見る機会があったので確認すると動画がはみ出しております。理由はプロじゃないので分かりませんが、widthとheightを100%指定したのが上手くいっていないようでした。

困って小一時間考えたのですが、とりあえずwidhtとheightを300px,200pxと指定しなおして無事終了としました。誤魔化したという感じですね。

スポンサーリンク
カテゴリー: youtube パーマリンク