ブログ記事にYouTube動画を貼り付ける
こと、よくありますよね!
しかし動画再生時の表示横幅がキレイに
キマらないとき…悔しいものです。
特に最近はスマートフォン(スマホ)で
見る方も多いので、機種によって表示の
されかたはマチマチ…。
しかし!どの機種でも横幅最大に
YouTube動画を表示できる方法があるん
です!
まだやっていない方は、すぐに取り組んで
いただきたいですね!
まず、YouTubeにおいて、掲載したい動画
のコードを取得することと思います。
動画上で右クリック →
「埋め込みコードをコピー」をクリック
そして、ワードプレス編集画面で右上の
「テキスト」タブをクリックし、HTML
コードが打てるようになったら、先ほどの
コードを貼り付けます。
その<>内の中で、
『width=”854″ height=”480″』という部分に
注目してください。
ここを次の文字列に置き換えてください。
width=”100%” height=”400″
こうすることで、どんな機種で見ていよう
とも、YouTube動画は横幅いっぱいに表示を
してくれます。
非常にカンタンですよね?
『height=”400″』は、個人的に最適と
思われる高さの設定にしてあります。
今すぐにでも始められるので、自分の
サイトがどうなっているか、まずは確認
して下さい。
少しでも時間短縮&快適性を!