① 載せたい YouTubeの動画を開いて動画下の共有をクリックします。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/20/new-blue-777/96/e0/p/o0689036612521434045.png?caw=800)
② 埋め込みコードをクリックします。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/20/new-blue-777/f6/6a/p/o0663037912521435570.png?caw=800)
③ 下記の部分が埋め込みコードです。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/20/new-blue-777/a3/3b/p/o0670048212521436768.png?caw=800)
④ 動画の大きさを決めます。
自分で大きさを決めたい場合は、カスタムサイズで横または縦のどちらかを
指定します。
● 下記はYouTube が用意している動画の大きさ。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/20/new-blue-777/30/25/p/o0659046912521439154.png?caw=800)
● 下記は、カスタムサイズで自分で画像を指定したケース。
★ 動画の大きさは、横200px以上でかつ、縦200px以上に指定してください。
そうしないと小さすぎる動画によっては Video Player is too small と表示される
場合があります。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/20/new-blue-777/c6/95/p/o0659044312521439155.png?caw=800)
⑤ 動画の大きさを決めたら、埋め込みコードをコピーします。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/42/5e/p/o0670050712521450514.png?caw=800)
⑥ マイページでブログを書くをクリックします。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/f4/ff/p/o0788031012521453054.png?caw=800)
⑦ こちらをクリックします。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/d5/d2/p/o0753049012521453053.png?caw=800)
⑧ 移動するかどうかを聞いてくるので、OKをクリックします。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/f0/92/p/o0749044512521453055.png?caw=800)
⑨ 動画の埋め込みコードを貼り付けます。(⑤でコピーしたもの)
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/bc/71/p/o0750066312521453051.png?caw=800)
⑩ 記事タイトルを入れるのを忘れずに。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/11/3c/p/o0751045912521453052.png?caw=800)
⑪ プレビューで確認します。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/32/e3/p/o0751075712521463885.png?caw=800)
⑫ 投稿をします。
![リアナのカスタマイズ日記(CSS編集用デザイン)](https://stat.ameba.jp/user_images/20130501/21/new-blue-777/7d/32/p/o0757061812521463884.png?caw=800)
● フリースペース、フリープラグインに動画を貼る場合も埋め込みコードを
求める方法は同じです。
埋め込みコードをコピーしたらフリースペースやフリープラグインに貼ればOKです。
● 埋め込みコードの形式
① YouTube動画のURL(★は動画IDで11桁)
http://www.youtube.com/watch?v=★
② 埋め込みコード(★は動画IDで11桁)
<iframe width="400" height="225" src="http://www.youtube.com/embed/★" frameborder="0" allowfullscreen></iframe>
③ 自動再生の場合は、autoplay=1 をいれます。
動画ID以降のものはパラメータで、最初のパラメータだけ、? でつなげます。
<iframe width="400" height="225" src="http://www.youtube.com/embed/★?autoplay=1" frameborder="0" allowfullscreen></iframe>
2つ目以降の場合は、& でつなげます。
<iframe width="400" height="225" src="http://www.youtube.com/embed/★?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
④ widthが横のpx heightが縦のpx です。