Youtube動画をレスポンシブ化して PCでもスマホでも見やすいサイズに自動的に調整 | 情報活用日記

情報活用日記

毎日流れてくるニュースで、ちょっと気になるニュースをさらっと流してます!

Youtube動画をレスポンシブ対応にする方法があります。


記事の中にYoutube動画を埋め込むことがよくありますが、Youtube動画の埋め込みタグはそのまま使うとレスポンシブ対応になりません。

そのため、スマホで記事を見た時に、Youtube動画だけ大きく記事からはみ出すというじょうたいになります。



これ、スマホで見ると非常に見苦しく不評を買います。

そこで解消できる便利ツールがあるので紹介します。



こちらです

http://zigstyle.biz/wus/169/



このサイトの使い方は非常にシンプルです。
レスポンシブ化したいYoutube動画のURLを「YouTube Page URL:」に貼り付け、「Enbed」をクリックするだけです。

タグが生成されるので、そのタグを自分のサイトに貼り付ければ完成です。