YouTube動画挿入で横幅を自動で最適表示にする方法とは?【スマホ】

YouTube動画挿入で横幅を自動で最適表示にする方法とは?【スマホ】

 

ブログ記事にYouTube動画を貼り付ける
こと、よくありますよね!

 

しかし動画再生時の表示横幅がキレイに
キマらないとき…悔しいものです。

 

特に最近はスマートフォン(スマホ)で
見る方も多いので、機種によって表示の
されかたはマチマチ…。

 

しかし!どの機種でも横幅最大に
YouTube動画を表示できる方法があるん
です!

まだやっていない方は、すぐに取り組んで
いただきたいですね!

 

まず、YouTubeにおいて、掲載したい動画
のコードを取得することと思います。

動画上で右クリック →
「埋め込みコードをコピー」をクリック

 

 

そして、ワードプレス編集画面で右上の
「テキスト」タブをクリックし、HTML
コードが打てるようになったら、先ほどの
コードを貼り付けます。

 

 

その<>内の中で、
『width=”854″ height=”480″』という部分に
注目してください。

 

 

ここを次の文字列に置き換えてください。

 

width=”100%” height=”400″

 

こうすることで、どんな機種で見ていよう
とも、YouTube動画は横幅いっぱいに表示を
してくれます。

非常にカンタンですよね?

 

『height=”400″』は、個人的に最適と
思われる高さの設定にしてあります。

 

 

今すぐにでも始められるので、自分の
サイトがどうなっているか、まずは確認
して下さい。

少しでも時間短縮&快適性を!

感想、質問など

*
*
* (公開されません)