So-net無料ブログ作成
Youtube動画をソネットブログに貼り付ける方法

Youtube動画をソネットブログに貼り付ける方法 [ブログ作成のコツ]

簡単にできちゃうので試してみてね!!


158A8244_TP_V.jpg



今回は過去記事で新記事を立てると約束した・・・『Youtube動画をソネットブログへ貼り付ける方法』!!

これってぶっちゃけ大勢の皆さんのブログで説明してある手法なので・・・

本記事では手法とコツを簡単に説明する予定だったりして(笑)

そんな感じでいきなり本文にいっちゃおっかーってな感じなのです!!

 



マイクロソフト IE 11(インターネットエキスプローラ 11)の場合

【準備】

ブログにリンクしたいYoutube動画を選ぶ

1_Youtube動画貼り付け.png

【ステップ ①】

動画下の『共有ボタン』を押す

2_Youtube動画貼り付け.png

【ステップ ②】

『埋め込みコード』をクリック

【ステップ ③】

『動画が終わったら関連動画を表示する』のチェックを外す

これは再生後に関連動画が表示されるのがちょいとうざいので外してるけど・・・

これはお好みなので好き好きで(笑)

【ステップ ④】

『560×316』を選択する

私たちのブログ、『むう&ぴょんこの天邪鬼探検隊』と『Japanese Culture Expeditor』とも動画の適正幅サイズは『560ピクセル』なので・・・

これも皆さんのブログサイズに合わせてお好みで(笑)

【ステップ ⑤】

下記のコードが表示されるので・・・


<iframe width="560" height="315" src="https://www.youtube.com/embed/sg3GVj7u8gg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>


反転したコードをコピーすればコードの取得は完了なのです!!

この後工程、実際にブログに張り付けるフローはChromeの後の章を参照してね!!





Google Chrome(ver 67.0.3396.87)の場合

1_Chrome Youtube動画貼り付け.PNG

【ステップ ①】

動画下の『共有ボタン』を押す

2_Chrome Youtube動画貼り付け.png

【ステップ ②】

『埋め込む』をクリック

3_Chrome Youtube動画貼り付け.PNG

【ステップ ③】

『動画が終わったら関連動画を表示する』のチェックを外す

【ステップ ④】

ここで『コピー』を押すで・・・

本当は動画サイズの設定なんだけど・・・

あれれ・・・これって最初に設定したのだっけ??

なんだかイニシャルでいきなり適合サイズで他に設定ボタンが無い??

なのでもしサイズを変更したい場合はコード内の・・・

<iframe width="560" height="315" src="https://www.youtube.com/embed/sg3GVj7u8gg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>


『iframe width="560" height="315"』の数値を手打ちすればサイズ変更が可能だぞ!!

もちろん『560』から『640』になど『幅』を変更した場合は・・・

『縦』の『315』も『360』に変更する必要があるので注意してね!!

【ステップ ⑤】

反転したコードは上記コードと同じはずなので、それをマウスの右クリックでコピーして・・・

これからブログへの貼り付け方法を説明しちゃうのです!!





ブログへの張り付け方

ちょいとタイトルが違うのは無視してもらって、具体的な貼り付け方法は・・・

1‗貼り付け.PNG

【ステップ ①】

『<>』ソースコードをクリックして・・・

2_貼り付け.PNG

【ステップ ②】

表示させたい箇所に『Youtube動画のコード』を張り付けて・・・

【ステップ ③】

『OK』を押したら・・・

【ステップ ④】

テキストエディター上に動画が表示される・・・ってわけなのです!!





注意:コード内に『gesture="media"』が入ってたらAMPエラーが出るぞ!!

それで過去記事で『AMP iframe エラー』が出たって言ったよね??

その原因がコード内にあった『gesture』で・・・

今では修正されて『encrypted』になってるので問題なさそうだけど・・・

もし万が一エラーが出たら、『encrypted-media』って手打ちで修正するか・・・

もしくはバッサリ削除しちゃっても全く問題ないはずなので・・・

って、問題が無いかどうかってのは仕様やバージョン、ブラウザなどにもよるので一概には言えないので・・・

とりあえず私のはバッサリ削除で治ったぞってね(笑)




【パソコン関連】

おすすめのタブレットって・・・なぁーんだろね??

WIN10でMS WordやExcelが読み込めなくなった時の一つの解決法

余ったパソコン部品をプレゼントしちゃうぞっ

自作のススメ 組み立て完成編

自作PCのススメ 紹介編

【ブログパーツ】

Youtube動画をソネットブログに貼り付ける方法

許可されていない属性が HTML タグ「span」にあります

超可愛い 河村友歌さんとブログ構成パーツのご紹介

【この本がすごい】

華の下にて・・・追悼、内田康夫さんを偲んで

内田康夫『津和野殺人事件』が凄い

三菱王国 巨人岩崎弥太郎 インプレレビュー

翔んで埼玉・・・超過激に大暴走のインプレレビュー

『星を継ぐもの』インプレレビュー

貿易辞典レビュー:海外旅行に行くと人が商品となる、そんな貿易の面倒くさい話

Tーfal(ティファール)クリプソ インプレ

【このマニュアルがすごい】

海外旅行に行くと人が商品となる!!そんな貿易の面倒くさい話

Tーfal(ティファール)クリプソ インプレ :男性でも簡単に美味しい牛肉の赤ワイン煮が作れちゃう夢の調理器

【外国の方と幸せになる方法】

日本に来られた外国人の方と幸せになる方法、その③

日本に来られた外国人の方と幸せになる方法、その②

日本に来られた外国人の方と幸せになる方法、その①





今回はこれでおしまい!!

正直ね、PCっていろんな仕様があるので、上記で説明したフローでもできない事や、おかしくなることもあるかもね??

なのでクドイけど行う場合はすべて・・・自己責任でお願いしますって事だぞ!!

そんな感じで・・・みなさん、ごきげんよぉーって事なのです!!





Pyonko & Mu From Tokyo でしたぁーっ!!

 

タグ:ブログ
nice!(34)  コメント(0) 
共通テーマ:パソコン・インターネット

nice! 34

コメント 0

コメントを書く

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。