Youtube

youtube埋め込み動画のサイズを変更する方法

ブログやサイトにyoutubeの動画を埋めこんだら、記事テンプレートからはみ出してしまった…そんな場合は埋め込み動画のサイズを変更してテンプレートの横幅にあわせましょう。

 

youtube埋め込み動画のサイズを変更する

まずはyoutubeの埋め込みたい動画の上で
右クリックを押して埋め込みコードを取得してください

youtube動画サイズ

 

埋め込みコードを一端、コピーします

youtube動画サイズ2

 

ちなみに今回、例として取得したきゃりーぱみゅぱみゅの
ミュージックビデオの埋め込みコードはこちらです。

<iframe width="640" height="390" src="https://www.youtube.com/embed/teMdjJ3w9iM" frameborder="0" allowfullscreen></iframe>

 

数字の部分を書き換えることで動画のサイズを
変更することができます。

動画サイズ3

widthの数字を変更すれば横幅を、
heightのサイズを変更すれば縦幅を
変更することができます。

 

テンプレートによりけりですが、2カラムの
テンプレートならだいたい横幅600、3カラム
の場合は横幅500ぐらいにすればはみ出す
ことはないと思います。

 

あとは埋め込みコードを記事に貼り付ければ
記事に動画を埋め込むことができます。

スマホ表示の際、埋め込み動画がはみ出す場合

PCのテンプレートのサイズに合わせて
動画の横幅を設定したものの、スマホから
見たら動画がはみ出していた…

 

そんな場合はワードプレスであればプラグインを
導入すれば簡単に解決することができます。

 

やり方に関してはこちらの記事を参考にして
動画サイズをレスポンシブにするといいです。

youtube埋め込み動画をレスポンシブにし、スマホ表示でも自動サイズ調整されるプラグイン

 

著者プロフィール

keishi
1988年生まれ/早稲田大学社会科学部卒

好き:無印良品、mac、ラッコ、シンプルで上質なモノ。

嫌い:目覚まし時計、しいたけ、体育会系ノリ。

『就職したくない。。。ってか、朝早く起きれない。』

そんな思いで、就活で挫折していた、2013年の5月(25歳のとき)に0からPC1台、ネットビジネスを始めたのがきっかけ。

現在はビジネスコミュニティの運営、Webマーケティング、アフィリエイト、コンサル、などの活動が中心。

【実績】
2013/5 :ネットビジネス開始
2014/7 :月収100万円達成(プロモーション)
2015/2 :月収200万円達成(プロモーション)
2015/9 :月収1600万円達成(プロモーション)
2016/1 :月収200万円達成(自動化)
2016/9 :月収3000万円達成(プロモーション)
2017/2 :月収400万円達成(自動化)
2017/10:月収4900万円達成(プロモーション)

“1台のPC以外、持たない小さな起業という働き方を通して、心地のよいくらしを創る”ことを発信しています。

1台のPC以外、持たない小さな起業という働き方を0から実現するための教科書&メルマガの購読者は1万人を突破。

1台のPC以外持たずに、自由に働く月収100万円プレイヤーを多数輩出している、keishiが制作した小さな起業実践のための初心者向けの教科書『Net business navigation』が期間限定で無料で全てダウンロードできます。詳しくはこちら↓

期間限定ですので、興味があればこちらから今すぐご登録頂くことをおすすめします。