YouTube の動画をブログに埋め込む方法とその注意点

 

 

ワードプレスブログの記事内に、YouTube などの動画を埋め込む方法を解説します。

１．自前の動画（MP4）をブログ記事に埋め込む方法

まずはあなたが自前で用意した動画を、ブログに埋め込む方法から解説します。

 

動画のファイル形式(拡張子)は

「AVI」「MOV」「WMV」「MKV」などの多くの種類がありますが

一番汎用性の高い「MP4」に事前に変換しておくことをおすすめします。

 

MP4動画を埋め込む方法は、画像を設置するのと全く同じ手順でできます。

 

投稿の編集画面で画面上の メディアを追加 をクリックします。

 

メディアを追加画面が表示されるので、後はこの画面に埋め込みたい動画をドラッグ＆ドロップするだけでOK。

動画のアップロードが完了したら

右下の 投稿に挿入 ボタンをクリックすれば動画の埋め込みは完了です。

 

２．YouTube動画を埋め込む方法（基本編）

まずは、YouTubeの埋め込みコードを使って、動画を埋め込む方法から解説します。

 

１ 埋め込みたいYouTubeの動画ページに移動して、動画下の 共有 をクリックします。

 

２ 共有画面が表示されるので、埋め込む をクリックしましょう。

 

３ 埋め込みコードが表示されるので、これをコピーします。

 

４ ブログの投稿画面に戻って、テキストモードを選択してから

動画を設置したい場所にコードをペースト(貼り付け)しましょう。

 

５ 投稿画面にYouTubeの動画が設置されました。

 

３．YouTube動画を埋め込む方法（プラグイン編）

TinyMCE Advanced プラグインを使った動画の埋め込み方法です。

プラグインのインストールがまだの方は、以下のページを参照してください。

参考リンクTinyMCE Advanced の設定方法と使い方

 

このプラグインを使って動画を埋め込む方法は2種類あります。

 

3-1 URL で埋め込む方法

１ 埋め込みたいYouTubeの動画ページに移動したら

ブラウザのアドレスバー または 先ほどの共有画面のURL をコピーしましょう。

または

 

２ ブログの投稿画面で、ツールバーの メディアを挿入/編集 をクリックします。

 

 

３ ソースの枠にコピーしたURLをペーストして OK をクリックします。

 

3-2 YouTube の埋め込みコードで埋め込む方法

１ 見出し2 の基本編と同じ方法で、YouTube動画の埋め込みコードをコピーしましょう。

２ ブログの投稿画面で、メディアを挿入/編集 をクリックします。

 

３ 今度は、埋め込む を選択しましょう。

 

４ 埋め込みコードを枠の中にペーストして、OK をクリックしましょう。

 

 

４．ユーザーの利便性を高める動画埋め込みテクニック

4-1 埋め込み動画のサイズ変更

URLで動画を埋め込む時に出てくるサイズの欄の数字を変更することで

埋め込み動画のサイズを変更することができます。

 

縦横比を保存 のチェックを外すと、縦と横のサイズをそれぞれ

変更できるようになりますが、動画のバランスが悪くなるのであまりおすすめできません。

 

4-2 動画の開始位置(時間)を指定

YouTube の共有画面や、動画の埋め込み画面にある 開始位置 に

任意の時間を入力することで、再生時の動画の開始位置を指定することができます。

 

指定する際は、「半角数字」 で 間に「 : 」をはさんで入力しましょう。

例：3分38秒から動画を再生したい場合 ⇒  3:38 と入力。

 

4-3 動画をセンタリング(中央寄せ)したい場合

わー研。でも使用中の Diver だと

動画を埋め込んだ時点で自動でセンタリングしてくれますが

他のテーマだと、基本的には埋め込み動画が左寄せになってしまうことが多いです。

 

テキストや画像なら、中央揃え を使うことで、簡単にセンタリングできるのですが、埋め込み動画はセンタリングされません。

 

そこで、このタグで埋め込みコードを囲んであげることで、センタリングすることができます。

<div>埋め込みコード</div>

 

実際に囲んでみたのがこの画像です。

 

５．YouTubeの動画を埋め込むときの注意点

 

YouTube動画の埋め込みは、使い方次第ではすごく便利なものなのですが

埋め込む際には、著作権に気を付ける必要があります。

 

特に気を付けておきたいのが、以下の3点。

 

地上波のバラエティー番組やアニメなど、違法アップロードされているものはもちろんのこと

公式チャンネルでアップされている、MV(ミュージックビデオ)なども基本的にはNGになります。
著作権フリーの表記があるものや、自分で作成した動画以外は

ブログに埋め込まない方が無難だと言えますね。

 

そのほかにも、テキストがほとんどなく埋め込み動画だらけの

ブログ記事の作成なども YouTube から禁止されているので注意しましょう。

 

その他のYouTubeの禁止事項については、以下の利用規約ページを参照してください。

参考リンクYouTube 利用規約（公式サイト）

 

さいごに

今回は、ブログに動画を埋め込む方法について解説しました。

 

使いこなせばユーザーの利便性を高めることができるうえ

SEOでの良い効果も見込める埋め込み動画ですが、くれぐれも著作権には注意しましょう。

 

最後にこのページのおさらいをしておきます。