ブログ内にyoutubeのプレイヤーの埋め込み方法

ブログ基本設定・運用術

youtubeの動画をブログ内に貼り付け、埋め込みしてプレイヤーを表示させる方法です。

スポンサーリンク

ブログサービスによって貼り付け方も異なる

ブログのサービスによって貼り付け方、埋め込み方、挿入の仕方が異なります。

私のこのwordpressの場合は動画サイズが一定に決まっていて、サイズを動かしても同じサイズになってしまいます。

テンプレートの違いでそうなってしまうので、よって、テンプレートでも貼り付けられないものもあります。
youtubeは貼り付けられると思いますが、ニコニコ動画はwordpressでは貼り付けられないものも多いです。

それに気を付けましょう。

youtubeからの貼り付け方法

先ず、youtubeを開いて、動画の所に在る共有の所の埋め込みコードをコピーします。

実際にこのようなコードがテキスト時に埋め込まれます。
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/GbXz3sIp3Ps” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
そうするとこの様に動画が表示されます。


動画サイズのカスタマイズで動画の大きさが変更できます。

ソース状のコードていうとここのことです。
width=”560″ height=”315″は動画の横のサイズ、縦のサイズが変更できます。

さまざまなブログサービスからのyoutubeの貼り付け方

忍者ブログ

なんでマイナーな忍者ブログから紹介しているのかは、私がよくやっていたのですが、忍者ブログでコードを作って、それをはてなブログやライブドアブログに貼り付けていて、使いやすかったのもあり、忍者ブログからです。

ブログを書くを開いて。
ソースコードバーの右から二番目のところが動画ボタンでそこを押してください。

動画表示の画面になり、そこにyoutubeの動画のURLを載せて、動画が表示されます。

その時にサイズは変えられます。

ソースコードとしてテキストに出ます。

これを他のブログに挿入してもいいと思います。

ライブドアとはてなブログで試してみたら、どちらも表示できました。

それが忍者ブログのどのブログにも合う作りがとてもいいです。

ライブドアブログ

記事を書くにしてから、上の編集メニューバーの所にあるyoutubeボタンを押してください。

押したら、キーワードの所に挿入したい動画のURLを入力するとその動画を貼り付けることが出来ます。

普通に名前で検索すると膨大な動画が出てくるので、URLの方がいいです。

はてなブログ

先ずは右の所に在る編集サイドバーからyoutube貼り付けをオンにします。

そしたら、貼り付け画面が出てきます。
そこをクリックするとこれが出てきます。

そこにyoutubeのURLを入れるとこの様に出てきます。

それで選択して貼り付ければ、挿入完了です。

他のブログサービス

すいません。
他のブログサービスは詳しくないので、fc2やアメブロなどの方はyoutubeからの埋め込みコードを取って、ブログ内に貼り付けて動画を表示させるようにしてください。

私は、ブログのyoutubeボタンからは導入していたのは忍者ブログだけで、それ以外はほとんどyoutubeからコードを持って来て貼り付けて動画表示させていました。

それでできると思うので、行ってください。

まとめ

ブログ内に動画を貼り付けたいのに、貼り付け方が分からない方向けに記事を書きました。

簡単に出来ますが、注意することはブログのテキスト状で貼ってください。
htmlの編集画面で貼り付けないと埋め込みコードなので動画がプレーヤーとして挿入されません。

そこだけ注意してください。

後、ブログのテンプレートによっては反映されなくて、プレーヤーが表示されないことがあります。
wordpressに多いです。
気を付けてください。

好きな動画を誰かに教えたい。
アクセスアップの為に繋げたい。
など色々な理由があると思いますので、貼り付け方を教えました。

それと、たくさん動画を貼ると、ページ自体が重くなるので、表示されるのに時間が掛かってしまいます。

5つ動画を挿入したら、youtubeの動画画面が5個ブログに開いているのとおんなじです。

それを理解して、スマートフォンの閲覧速度やPCの閲覧速度は個人の機種の性能と回線速度によって違ってきます。

それも考えて挿入すると良いでしょう。
では。

コメント

  1. bescon より:

    こんばんは
    ランキングから来ました
    参考になりました
    今度貼ってみます

  2. KIKO より:

    自分のブログに動画を入れると滞在時間も伸びるだろうし、ブログの見栄えなども良くなるように思いました。わかりやすい説明をありがとうございました。

    • karasugakaa より:

      KIKOさま
      コメントありがとうございます。
      ブログの装飾として、見栄えは増すと思います。
      貼り方も簡単ですので、なれれば、ピクセル指定も出来ますのでお試ししてわ。