ブログ運用 質問 Q&A

ライブドアブログにYoutube動画を埋め込む方法。

投稿日:

[voice icon="https://under-q.com/wp-content/uploads/2015/11/pighatena.jpg" name="住設ぶた" type="l"]livedoorブログの記事内にユーチューブの動画を埋め込むにはどうすればいいの?[/voice]

ライブドアブログで記事更新をしていて、動画を埋め込むことができない人向けに記事を更新しています。

記事の編集タイプは2パターンある?

ライブドアブログでは記事を編集するとき2パターンから編集モードを選ぶことができます。

  1. ワードやエクセルのように、簡単に文字を装飾したり画像を入れることができるモード
  2. HTMLを使って文字やデザインを調整していくモード

今回はその両方のパターンで記事内にユーチューブ動画を張り付ける方法をご紹介します。

簡単モードを使った動画の埋め込みかた。

livedoorブログ

簡単モードは、HTMLの知識がない人でもさまざまな装飾機能が使えるようになっています。
編集画面を見てみると、記事投稿ページの上にさまざまな装飾ボタンが付いています。

簡単モードの場合、そのボタンの中で「youtube」というボタンが存在しているので、記事内で動画を挿入したい部分にカーソルを合わせボタンをクリックします。

ボタンをクリックすると、動画のキーワード検索が出てくるので挿入したい動画を検索で探しましょう。

作業用BGM

動画を選択して「挿入する」をクリックしたら動画の差し込みは完了しています。

動画埋め込み

HTMLタグ編集モードを使った動画の埋め込みかた。

htmlモード

HTMLタグ編集モードでは、基本的に文字装飾は全てHTMLタグで表記されます。先程の画像と同じ文字をHTMLバージョンで見ると赤文字ではなくHTMLタグで装飾されていることがわかります。

このモードでも先程と同じようにYoutubeの動画を埋め込むことができるのですが、今回はyoutubeのページから埋め込みタグを取得してページ内に動画を挿入します。

まず、埋め込みをしたい動画のページへ行きます。

douga

動画の下の部分に「共有」というボタンをクリックし「埋め込みコード」を取得してください。

umekomi

取得した埋め込みコードをブログの記事編集画面に入力したら埋め込みは完了です。

douga

記事内に適切な動画を埋め込むことでページの滞在時間が長くなることがあるので是非試してみてください。
ちなみに今回、動画の張り付けに利用した作業用BGMはかなりお勧めです。

スポンサードリンク

こちらの記事もどうぞ!

-ブログ運用, 質問 Q&A

Copyright© under-Q , 2017 AllRights Reserved.