Youtubeの貼り方説明 | 【うさぽんのおもちゃ箱】

【うさぽんのおもちゃ箱】

なんでもありあり

こんばんはです
(実は、書いてるのは昼間で、時間戻しでUPしてます)

このブログは、単なる説明なので 
知ってる方はパスしてください


Youtubeの貼り方説明

1:貼りたいyouyube画面に行きます
説明に気に入ったCM 【ポカリスエットCM|「Jump」篇 60秒】で説明w

原画URL
https://www.youtube.com/watch?v=wMnWwGt0gCE

ここを開くと
Youtube1

この通常再生画面の赤丸部分を いじります
01youtube1-2


2:赤丸で囲った 共有 という部分をクリックしましょう
Youtube2


3:更に 共有から埋め込みコードを押します
万が一、最初から再生したくない場合は、黄色の丸で囲った部分を設定します
Youtube3


4:更にココから丸で囲った 埋め込みコードを変更します
Youtube4


5:再生サイズの変更
デフォルト値、Youtube再生では width="530" height="315
width="530"とは再生横幅サイズが530ピクセル
height="315"とは再生縦幅サイズが315ピクセル という意味ですが、
特に横幅530を再生できるブログ設定をしてる方、少ないと思いますので

緑で囲った【動画のサイズ カスタムサイズ】にて値変更します
Youtube5




6:再生サイズの変更2
私のブログ本文サイズは450なので、値変更します
私が主に使ってる設定値を、width="420" に変更 height欄は空欄 です
縦横比は決まっているので 幅さえ変えたらheightは自動で決まります
この場合、勝手に236が与えられます
Youtube6


7:完成!
完成した埋め込みコードをマウス左を押したまま なぞってコピーします
(マウスでなぞることを ドラッグすると言います)
ドラッグして青く反転したら ctrlを押しっぱなしにして c キーを押すとコピーされます
Youtube7


7:完成2!
ブログを開き、先ほどコピーした埋め込みコードを貼ります
貼り付けは、 ctrlを押しっぱなしで vキーを押せば貼られます


---------------------------------------------------------------------
出来上がり


貼り付けたコードは
<iframe width="420" height="236" src="https://www.youtube.com/embed/wMnWwGt0gCE" frameborder="0" allowfullscreen></iframe>

 本当は <> 記号が半角文字です



大急ぎで作成したため、説明漏れもありますが
とりあえず やってみてください

やってもわからなければ、質問して下さいね


※途中から画像が変わってますけどwwww
気にしないで下さいwww