ワードプレスのブログにYoutubeの動画を貼り付ける方法

この記事では、最も、初歩的な方法で、ブログにYou Tubeを貼り付ける方法と動画を簡単に貼り付ける方法をご紹介します。

ワードプレスのブログにYoutubeの動画を貼り付ける方法の動画

Youtubeよりも大きいフルサイズの動画で見る
↓↓↓
動画その6●Youtubeの動画をブログに埋め込む方法

ブログへYoutube動画を貼り付ける方法

じゃまず、ブログにログインします。名前とパスワード入れていただいてログイン。

はいそしたら、投稿から投稿一覧を見ていただいて、これから書く記事を開いて。要するに、キーワードがですね、

この場合キーワードがACLでの宇佐美さんのゴールの動画が見たいわけですね。その場合YouTube。You Tubeのトップから検索します。

『ACL 宇佐美 ゴール』とってキーワードを入れて、ポン。と検索します。

You Tubeで動画の一覧を出して、出てきた中から、動画の中身を、ざざっと簡単に見ていただきます。

ACLの宇佐美さんのゴール動画っていうことで、ざっくり見ます、まぁ確かにちゃんとそういう動画なのかなっていうことを確認していただきます。

なかには、写真だけのスライドショーの釣り動画、ひっかけ動画もあるので、そういうのは避けます。良さそうな動画を見つけてください。

※注意:コピーされた動画とかもあるので、できればオリジナルを探します。オリジナルの方が削除されにくいからです。オリジナルの見分け方は、動画の長さ、分数が長い、画面にエフェクトがかかってなくて、画像が綺麗。映りが良い。などがあげられます。

なるべくオリジナルがいいんですけど、この記事ではとりあえず練習なので、とりあえず選んでみてください。

まず共有です。共有のボタン押します。で共有のボタンを押すと、共有・埋め込みコード・メールっていうのが出てきますので、埋め込みコードっていうところを押します。

そうすると、埋め込みコードが、青く反転されて出てきます。※もし、反転がなくなっちゃったら、ここでCTRL押しながらAを押すとまた反転できますので、これを CTRL X で切り取ってきます。

そして、ワードプレスに貼り付けます。そうすると、こんな画面にこんな文字列が配列、貼り付けられます。iframeのwidth、hight…っていうコードですね。

このままでも、このままでもできるんでちょっと見てみましょうか。下書き保存して、で投稿プレビューしてみます。そうすると、ブログに動画が貼り付けられます。

この状態でパソコンで見ている分には、かっこよくYoutube動画がブログに埋め込むことができました。次は、スマホで見ても、最適なサイズになるように、自動的に大きさを変更してもらえる、コードをつけてみましょう。

ただ、これだと、スマホで見たときに、サイズがずれてしまうので、ちょっと一手間かける必要があります。

ワードプレスのテンプレートで賢威を使っていない方はこちらの記事へ
↓↓↓
ブログ埋め込みのYoutube動画を自動的にスマホ向けにサイズ変更する方法

賢威を使っている方はこちらの記事へ
↓↓↓
youtubeの埋め込み動画スマホ(iphone)サイズ最適化する方法

メルマガもやってます。

フォローする