WordPressに動画を埋め込む方法｜重い・表示されない・アップロードできない原因まで初心者向けに解説

はじめに

WordPressに動画を埋め込むと、文章だけでは伝わりにくい操作手順、商品の魅力、サービスの雰囲気などをわかりやすく伝えられます。特に、使い方の解説記事、商品レビュー、採用ページ、オンライン講座、ポートフォリオサイトなどでは、動画を活用することでユーザーの理解度や滞在時間の向上が期待できます。

一方で、WordPressに動画を入れたことで「ページが重い」「動画が表示されない」「アップロードできない」「スマホで崩れる」といったトラブルが起きることもあります。動画は画像やテキストよりも容量が大きく、埋め込み方法を間違えるとサイトの表示速度やユーザー体験に悪影響を与える可能性があります。

この記事では、WordPressに動画を埋め込む方法を初心者向けにわかりやすく解説します。YouTube動画を埋め込む方法、動画ファイルを直接アップロードする方法、動画が重い・表示されない・アップロードできない原因と対処法までまとめて紹介します。

1. WordPressに動画を埋め込む方法は大きく2種類

WordPressに動画を表示する方法は、大きく分けて「外部サービスの動画を埋め込む方法」と「WordPressに動画ファイルを直接アップロードする方法」の2つです。

どちらの方法でも記事内に動画を表示できますが、サイトの表示速度、サーバー容量、管理のしやすさに違いがあります。初心者の場合は、まずそれぞれの特徴を理解しておくことが大切です。

1-1. YouTubeやVimeoなど外部サービスの動画を埋め込む方法

1つ目は、YouTubeやVimeoなどの外部動画サービスにアップロードした動画を、WordPressの記事や固定ページに埋め込む方法です。

この方法では、動画ファイル自体はYouTubeやVimeo側に保存されます。WordPress側では、動画のURLや埋め込みコードを貼り付けて表示するだけです。

たとえば、YouTubeに投稿した動画のURLをWordPressの編集画面に貼り付けると、自動的に動画プレーヤーとして表示されます。ブロックエディターを使っている場合は、YouTubeブロックや埋め込みブロックを使うことで簡単に設置できます。

外部サービスを使うメリットは、WordPressのサーバーに大きな負荷をかけにくいことです。動画の再生や配信はYouTubeなどのプラットフォームが処理してくれるため、自社サイトのサーバー容量や転送量を大きく消費せずに済みます。

1-2. WordPressに動画ファイルを直接アップロードする方法

2つ目は、MP4などの動画ファイルをWordPressのメディアライブラリに直接アップロードして、記事内に表示する方法です。

画像をアップロードするのと同じように、管理画面の「メディア」から動画ファイルを追加できます。その後、投稿や固定ページで「動画」ブロックを使えば、記事内に動画プレーヤーを表示できます。

直接アップロードのメリットは、YouTubeのロゴや関連動画などが表示されず、自分のサイト内で動画を完結できる点です。会員限定コンテンツや短い商品紹介動画など、外部サービスに公開したくない動画を扱う場合に向いています。

ただし、動画ファイルは容量が大きくなりやすいため、サーバー容量や表示速度に注意が必要です。長い動画や高画質動画をそのままアップロードすると、ページが重くなったり、アップロード上限に引っかかったりすることがあります。

1-3. 初心者には「YouTube埋め込み」がおすすめな理由

WordPress初心者には、基本的にYouTubeなどの外部サービスに動画をアップロードして埋め込む方法がおすすめです。

理由は、設定が簡単で、サーバーへの負荷を抑えやすいからです。YouTube動画であれば、動画ページのURLをコピーしてWordPressの記事に貼り付けるだけで埋め込みできます。専門的な知識がなくても、数分で動画を表示できます。

また、YouTube側で動画の再生環境が最適化されているため、スマホやタブレットでも比較的安定して再生されます。動画の画質調整も自動で行われるため、ユーザーの通信環境に応じた再生がしやすい点もメリットです。

さらに、YouTubeに動画を公開しておけば、検索や関連動画からの流入も期待できます。ブログ記事とYouTube動画を組み合わせることで、Webサイトと動画プラットフォームの両方からユーザーにアプローチできます。

1-4. 直接アップロードと外部埋め込みの違いを比較

WordPressに動画を埋め込む方法を選ぶときは、次のような違いを意識すると判断しやすくなります。

外部サービスへの埋め込みは、サーバー負荷を抑えやすく、初心者でも扱いやすい方法です。YouTubeやVimeoに動画をアップロードし、WordPressにはURLや埋め込みコードを貼り付けます。長い動画や複数の動画を掲載したい場合にも向いています。

一方、直接アップロードは、WordPress内で動画を管理できる方法です。外部サービスのロゴや関連動画を表示したくない場合、自社サイト内だけで動画を見せたい場合、短い動画をシンプルに掲載したい場合に適しています。

ただし、直接アップロードはファイルサイズが大きいほどサーバー容量や転送量を消費します。アクセスが増えると表示速度が落ちたり、サーバーに負荷がかかったりすることもあります。

迷った場合は、一般公開する動画や長い動画はYouTube埋め込み、短い動画や限定的に見せたい動画は直接アップロード、という使い分けがおすすめです。

2. WordPressにYouTube動画を埋め込む方法

WordPressにYouTube動画を埋め込む方法は複数あります。もっとも簡単なのは、YouTube動画のURLを投稿画面に貼り付ける方法です。ブロックエディターを使っている場合は、YouTubeブロックを利用することもできます。

表示サイズや再生設定を細かく調整したい場合は、YouTubeの埋め込みコードを使う方法もあります。

2-1. URLを貼り付けて動画を埋め込む

もっとも簡単な方法は、YouTube動画のURLをWordPressの記事編集画面にそのまま貼り付ける方法です。

手順は次の通りです。

まず、YouTubeで埋め込みたい動画を開きます。ブラウザのアドレスバーに表示されている動画URLをコピーします。次に、WordPressの投稿または固定ページの編集画面を開き、動画を表示したい位置にURLを貼り付けます。

ブロックエディターを使っている場合、URLを貼り付けるだけで自動的にYouTubeの埋め込みブロックに変換され、動画プレーヤーが表示されます。プレビュー画面で動画が正しく表示されていれば完了です。

この方法は、特別なコードを触る必要がないため初心者におすすめです。YouTube動画を1本だけ記事内に表示したい場合や、細かいデザイン調整が不要な場合は、URL貼り付けだけで十分です。

2-2. YouTubeブロックを使って埋め込む

WordPressのブロックエディターには、YouTube専用の埋め込みブロックが用意されています。

投稿編集画面で「＋」ボタンをクリックし、ブロック検索欄に「YouTube」と入力します。表示されたYouTubeブロックを選択し、埋め込みたい動画のURLを貼り付けて「埋め込み」をクリックします。

これで記事内にYouTube動画が表示されます。URLを直接貼り付ける方法と似ていますが、YouTubeブロックを使うことで、ブロックとして管理しやすくなります。

動画の前後に文章や画像を追加したい場合、ブロックの位置を移動したい場合、複数の動画を整理して配置したい場合は、YouTubeブロックを使うと編集しやすくなります。

2-3. 埋め込みコードを使って表示サイズや再生設定を調整する

YouTube動画の表示サイズや再生設定を調整したい場合は、埋め込みコードを使います。

YouTube動画ページで「共有」をクリックし、「埋め込む」を選択します。表示されたiframeタグをコピーし、WordPressの「カスタムHTML」ブロックに貼り付けます。

埋め込みコードは、次のような形式です。

HTML
<iframe width="560" height="315" src="https://www.youtube.com/embed/動画ID" title="YouTube video player" frameborder="0" allowfullscreen></iframe>

このコード内のwidthやheightを変更すると、表示サイズを調整できます。ただし、固定幅のままだとスマホで画面からはみ出すことがあるため、レスポンシブ対応も意識しましょう。

また、YouTubeの埋め込みURLにパラメータを追加することで、自動再生やミュート、ループ再生などを設定できる場合があります。ただし、自動再生はブラウザ側の制限により、ミュートされていない動画では再生されないことがあります。ユーザー体験を考えると、音声付きの自動再生は避けるのが無難です。

2-4. クラシックエディターでYouTube動画を埋め込む方法

クラシックエディターを使っている場合でも、YouTube動画は簡単に埋め込めます。

ビジュアルエディターを使っている場合は、記事本文の表示したい位置にYouTube動画のURLを貼り付けます。WordPressが自動的に埋め込み表示に変換してくれる場合があります。

うまく表示されない場合は、テキストエディターに切り替えて、YouTubeの埋め込みコードを貼り付けます。YouTubeの「共有」から「埋め込む」を選び、iframeタグをコピーして記事内に設置します。

クラシックエディターでは、ビジュアルモードとテキストモードを切り替えたときにコードが崩れる場合があります。埋め込みコードを使う場合は、保存後にプレビューで表示を確認しましょう。

2-5. スマホでも見やすいレスポンシブ表示にするポイント

WordPressに動画を埋め込むときは、スマホで見たときに横幅がはみ出さないようにすることが重要です。

YouTubeのiframeコードに固定のwidthが入っていると、スマホ画面より動画の横幅が大きくなり、レイアウトが崩れることがあります。ブロックエディターでURL貼り付けやYouTubeブロックを使っている場合は、テーマ側でレスポンシブ対応されていることが多いですが、必ずスマホ表示を確認しましょう。

埋め込みコードを使う場合は、動画を囲む要素にCSSを追加して、横幅に合わせて拡大縮小されるようにします。

たとえば、次のようなCSSを使うと、YouTube動画をレスポンシブ表示にできます。

CSS
.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

HTML側では、iframeを次のように囲みます。

HTML
<div class="video-wrap">
  <iframe src="https://www.youtube.com/embed/動画ID" frameborder="0" allowfullscreen></iframe>
</div>

スマホユーザーが多いサイトでは、動画の横幅だけでなく、動画の前後の余白や再生ボタンの押しやすさも確認しておきましょう。

3. WordPressに動画ファイルを直接アップロードする方法

YouTubeなどの外部サービスを使わずに、WordPressへ動画ファイルを直接アップロードすることもできます。

直接アップロードは、短い動画やサイト内だけで見せたい動画に向いています。ただし、動画の容量が大きいとサイトが重くなるため、ファイルサイズやサーバー容量に注意が必要です。

3-1. メディアライブラリに動画をアップロードする手順

WordPressに動画ファイルを直接アップロードするには、管理画面からメディアライブラリを使います。

まず、WordPress管理画面にログインし、「メディア」から「新しいメディアファイルを追加」をクリックします。次に、パソコン内に保存している動画ファイルを選択してアップロードします。

アップロードが完了すると、メディアライブラリに動画が追加されます。動画ファイルをクリックすると、ファイルURLやタイトル、説明などを確認できます。

投稿や固定ページに動画を挿入したい場合は、編集画面を開き、動画を表示したい位置で「動画」ブロックを追加します。その後、メディアライブラリからアップロード済みの動画を選択すれば、記事内に動画プレーヤーが表示されます。

3-2. 動画ブロックを使って記事内に表示する方法

ブロックエディターでは、「動画」ブロックを使って動画ファイルを記事内に表示できます。

投稿編集画面で「＋」ボタンをクリックし、「動画」と検索します。動画ブロックを選択すると、「アップロード」「メディアライブラリ」「URLから挿入」の選択肢が表示されます。

新しく動画を追加する場合は「アップロード」を選択します。すでにアップロード済みの動画を使う場合は「メディアライブラリ」を選択します。外部にある動画ファイルのURLを指定したい場合は「URLから挿入」を使います。

動画ブロックを追加すると、ブラウザ上で再生できる動画プレーヤーが表示されます。ブロックの設定パネルから、自動再生、ループ、ミュート、再生コントロールの表示などを変更できる場合があります。

3-3. WordPressで使える主な動画ファイル形式

WordPressでよく使われる動画ファイル形式は、MP4、WebM、Oggなどです。

特におすすめなのはMP4形式です。MP4は多くのブラウザやスマホで再生しやすく、WordPressでも扱いやすい形式です。初心者が動画ファイルをアップロードする場合は、基本的にMP4を選んでおくとよいでしょう。

WebMはファイルサイズを抑えやすい形式ですが、環境によっては再生互換性に注意が必要です。Oggも動画形式として使われることがありますが、一般的なWebサイトではMP4ほど利用頻度は高くありません。

動画をアップロードする前に、ファイル形式だけでなく、解像度やビットレートも確認しましょう。必要以上に高画質な動画は容量が大きくなり、表示速度低下の原因になります。

3-4. 動画の自動再生・ループ再生・ミュートを設定する方法

WordPressの動画ブロックでは、動画の自動再生、ループ再生、ミュート、再生コントロールの表示などを設定できる場合があります。

自動再生を有効にすると、ページを開いたときに動画が自動で再生されます。ただし、多くのブラウザでは、音声付き動画の自動再生が制限されています。そのため、自動再生させたい場合は、ミュート設定も一緒に有効にするのが一般的です。

ループ再生を有効にすると、動画が最後まで再生されたあと、最初に戻って繰り返し再生されます。背景動画や短い商品紹介動画などに向いています。

ミュートを有効にすると、動画の音声が消音状態で再生されます。ファーストビューに配置する動画や、背景として使う動画ではミュート設定が適しています。

ただし、自動再生やループ再生はユーザーの通信量やバッテリーを消費しやすくなります。必要な場面だけで使い、ユーザーが不快に感じないように注意しましょう。

3-5. 直接アップロードする場合の注意点

WordPressに動画を直接アップロードする場合、もっとも注意したいのはファイルサイズです。

動画は画像よりも容量が大きくなりやすく、数十MBから数百MBになることもあります。大きな動画をそのままアップロードすると、サーバー容量を圧迫し、ページ表示も遅くなります。

また、レンタルサーバーにはアップロードできるファイルサイズの上限があります。上限を超える動画は、メディアライブラリにアップロードできません。

さらに、アクセス数が多いページで直接アップロードした動画を再生させると、サーバーの転送量が増えます。転送量が増えすぎると、サイト全体の表示速度が低下したり、サーバー側で制限がかかったりすることがあります。

直接アップロードする場合は、動画を短くする、圧縮する、解像度を下げる、必要なページだけに設置するなどの工夫が必要です。長時間の動画や高画質動画は、YouTubeやVimeoなどの外部サービスにアップロードして埋め込む方法を検討しましょう。

4. WordPressに動画を埋め込むとサイトが重くなる原因

WordPressに動画を埋め込んだあと、ページの表示が遅くなることがあります。動画は視覚的にわかりやすい反面、読み込みに時間がかかりやすいコンテンツです。

サイトが重くなる原因を理解しておけば、適切な対策を取りやすくなります。

4-1. 動画ファイルの容量が大きすぎる

もっとも多い原因は、動画ファイルの容量が大きすぎることです。

高画質な動画や長時間の動画は、ファイルサイズが大きくなります。特に、WordPressに直接アップロードした動画は、ユーザーがページを開いたときにサーバーから読み込まれるため、容量が大きいほど表示速度に影響します。

たとえば、数百MBの動画を記事内に設置すると、スマホ回線では読み込みに時間がかかる可能性があります。ユーザーが動画を見る前にページを離れてしまうこともあります。

ブログ記事内で使う動画は、必要以上に高画質である必要はありません。内容が伝わる範囲で解像度やビットレートを調整し、できるだけ軽量化しましょう。

4-2. 1ページに複数の動画を設置している

1ページに複数の動画を設置している場合も、ページが重くなりやすくなります。

動画が1本だけであれば大きな問題にならなくても、3本、5本、10本と増えると、読み込むデータ量や外部スクリプトの数が増えます。特にYouTube動画を複数埋め込むと、それぞれのプレーヤーを読み込むため、初期表示に時間がかかることがあります。

動画を複数掲載したい場合は、本当にそのページにすべて必要かを見直しましょう。必要に応じて、動画を別ページに分ける、サムネイルだけを表示する、クリック後に動画を読み込むなどの対策が有効です。

4-3. YouTubeの埋め込みタグがページ表示速度に影響している

YouTube動画は直接アップロードより軽いと思われがちですが、埋め込みタグ自体がページ速度に影響することがあります。

YouTubeのiframeを埋め込むと、動画プレーヤーを表示するために外部スクリプトやサムネイル、関連リソースが読み込まれます。動画を再生していない状態でも、ページ表示時に一定のデータが読み込まれるため、複数設置すると表示速度が落ちる場合があります。

この問題を軽減するには、遅延読み込みを設定したり、最初はサムネイル画像だけを表示してクリック後にYouTubeプレーヤーを読み込んだりする方法が有効です。

4-4. サーバーの性能や通信量が不足している

WordPressに動画ファイルを直接アップロードしている場合、サーバーの性能や通信量も重要です。

安価な共用サーバーでは、動画配信に必要な処理能力や転送量が十分でない場合があります。アクセスが少ないうちは問題なくても、動画を掲載したページへのアクセスが増えると、サーバーに負荷がかかり、サイト全体が遅くなることがあります。

特に、会員サイトやオンライン講座のように、多くのユーザーが動画を再生するサイトでは注意が必要です。動画配信が中心のサイトでは、通常のレンタルサーバーだけでなく、動画配信サービスやCDNの利用も検討しましょう。

4-5. テーマやプラグインとの相性で読み込みが遅くなる

WordPressのテーマやプラグインが原因で、動画の読み込みが遅くなることもあります。

たとえば、ページビルダー系プラグイン、スライダー系プラグイン、SNS連携プラグイン、キャッシュ系プラグインなどが、動画の読み込みや表示に影響する場合があります。複数のプラグインが同じページで多くのスクリプトを読み込むと、ページ全体が重くなります。

また、テーマ側のCSSやJavaScriptが動画表示と相性が悪く、スマホでレイアウトが崩れたり、動画が正しく表示されなかったりすることもあります。

動画を追加してから急にサイトが重くなった場合は、動画そのものだけでなく、テーマやプラグインの影響も確認しましょう。

5. WordPressの動画を軽くする対策

WordPressに動画を埋め込む場合は、表示速度を落とさない工夫が大切です。動画を軽くする対策を行うことで、ユーザーが快適にページを閲覧できるようになります。

ここでは、初心者でも取り入れやすい対策を紹介します。

5-1. 動画を圧縮してファイルサイズを小さくする

WordPressに動画を直接アップロードする場合は、事前に動画を圧縮してファイルサイズを小さくしましょう。

動画編集ソフトやオンライン圧縮サービスを使うと、画質を大きく落とさずに容量を削減できる場合があります。特に、スマホで撮影した動画は高解像度・高ビットレートになっていることが多いため、そのままアップロードすると重くなりがちです。

ブログ記事内で使う動画なら、必ずしも4K画質は必要ありません。多くの場合、フルHDやHDでも十分に内容は伝わります。動画の長さを短くする、不要な部分をカットする、解像度を下げる、ビットレートを調整することで、ファイルサイズを抑えられます。

5-2. YouTubeなど外部サービスにアップロードして埋め込む

動画を軽くするもっとも簡単な方法は、WordPressに直接アップロードせず、YouTubeやVimeoなどの外部サービスにアップロードして埋め込むことです。

外部サービスを使えば、動画ファイルの保存や配信はサービス側が行います。WordPressのサーバー容量や転送量を大きく消費しないため、特に長い動画や複数の動画を掲載する場合に有効です。

一般公開しても問題ない動画であれば、YouTube埋め込みが使いやすいでしょう。ブランドイメージを重視したい場合や、広告・関連動画の表示を抑えたい場合は、Vimeoなどのサービスを検討するのもひとつの方法です。

5-3. 遅延読み込みを設定する

遅延読み込みとは、ページを開いた瞬間にすべての動画を読み込むのではなく、ユーザーが動画の近くまでスクロールしたタイミングで読み込む仕組みです。

動画がページの下部にある場合、最初から読み込む必要はありません。遅延読み込みを設定すると、初期表示に必要なデータ量を減らせるため、ページ表示速度の改善が期待できます。

WordPressのテーマやプラグインによっては、YouTube埋め込みやiframeの遅延読み込みに対応しているものがあります。キャッシュ系プラグインや高速化プラグインに、動画の遅延読み込み機能が含まれている場合もあります。

ただし、遅延読み込みの設定によっては、動画が表示されない、レイアウトが崩れる、クリックしても再生されないといった不具合が起きることもあります。設定後は、パソコンとスマホの両方で動作確認を行いましょう。

5-4. サムネイル画像を表示してクリック後に再生させる

YouTube動画を軽く表示したい場合は、最初から動画プレーヤーを読み込むのではなく、サムネイル画像だけを表示し、クリックされたときに動画を読み込む方法があります。

この方法では、ページ表示時には軽い画像だけを読み込みます。ユーザーが再生ボタンをクリックしたタイミングでYouTubeプレーヤーを読み込むため、初期表示を軽くできます。

特に、1ページに複数のYouTube動画を設置している場合に効果的です。動画一覧ページ、インタビュー記事、講座ページなどで活用しやすい方法です。

サムネイル画像を使う場合は、動画の内容がひと目でわかる画像を設定しましょう。再生ボタンのデザインもわかりやすくしておくと、ユーザーが動画だと認識しやすくなります。

5-5. キャッシュ系プラグインやCDNを活用する

WordPressサイト全体の表示速度を改善するには、キャッシュ系プラグインやCDNの活用も有効です。

キャッシュ系プラグインを使うと、ページの表示に必要な処理を減らし、ユーザーにより速くページを表示できます。動画そのものを軽くするわけではありませんが、ページ全体の読み込みを改善できる場合があります。

CDNは、画像や動画、CSS、JavaScriptなどのファイルを複数の配信拠点から届ける仕組みです。ユーザーに近いサーバーからデータを配信できるため、表示速度の改善につながることがあります。

ただし、設定を間違えると表示崩れや更新反映の遅れが起きる場合があります。導入後は、キャッシュを削除しながら表示確認を行いましょう。

5-6. 不要な動画・プラグイン・スクリプトを見直す

動画を軽くするには、不要な要素を減らすことも重要です。

記事内に設置している動画が本当に必要かを見直しましょう。内容が重複している動画、再生されていない動画、古くなった動画は削除または別ページに移動することを検討します。

また、動画表示に関係するプラグインを複数入れている場合は、機能が重複していないか確認しましょう。YouTube埋め込み用、ギャラリー用、遅延読み込み用など、似た機能のプラグインを入れすぎると、かえってサイトが重くなることがあります。

不要なスクリプトを削除し、シンプルな構成にすることで、WordPressサイト全体の表示速度を改善しやすくなります。

6. WordPressで動画が表示されない原因と対処法

WordPressに動画を埋め込んだのに表示されない場合、原因はいくつか考えられます。URLの貼り付け方、埋め込みコードの設置場所、動画の公開設定、テーマやプラグインの干渉などを順番に確認しましょう。

焦って設定を大きく変更する前に、基本的な部分からチェックすることが大切です。

6-1. URLの貼り付け方が間違っている

YouTube動画を埋め込む場合、URLの貼り付け方が間違っていると動画が表示されないことがあります。

たとえば、動画ページのURLではなく、管理画面用のURLや短縮URL、不要な文字列が含まれたURLを貼り付けると、正しく埋め込めない場合があります。

基本的には、YouTubeの動画ページを開き、ブラウザのアドレスバーに表示されているURLをコピーして貼り付けます。うまくいかない場合は、YouTubeの「共有」ボタンから取得できるURLを使ってみましょう。

また、URLを文章の途中に貼るのではなく、独立した行やブロックとして貼り付けると、WordPressが埋め込みとして認識しやすくなります。

6-2. 埋め込みコードを貼る場所が間違っている

iframeなどの埋め込みコードを使う場合、貼り付ける場所を間違えるとコードがそのまま文字として表示されたり、動画が表示されなかったりします。

ブロックエディターでは、通常の段落ブロックではなく「カスタムHTML」ブロックに貼り付けます。クラシックエディターでは、ビジュアルモードではなくテキストモードに切り替えて貼り付ける必要があります。

また、テーマやセキュリティ設定によっては、一部のHTMLタグが削除される場合があります。iframeタグが保存後に消えてしまう場合は、ユーザー権限やセキュリティ系プラグインの設定も確認しましょう。

6-3. 動画の公開設定が非公開・限定公開になっている

YouTube動画の公開設定も確認しましょう。

動画が非公開になっている場合、一般ユーザーは視聴できません。自分がログインしている状態では見えていても、他のユーザーには表示されないことがあります。

限定公開の動画は、URLを知っているユーザーが視聴できる設定ですが、埋め込みが許可されていない場合や、共有設定に制限がある場合は正常に表示されないことがあります。

また、動画の所有者が埋め込みを許可していない場合、WordPressに貼り付けても再生できません。他人の動画を埋め込む場合は、動画の公開状態や埋め込み可否を確認しましょう。

6-4. WordPressテーマやプラグインが干渉している

動画の埋め込み自体は正しいのに表示されない場合、テーマやプラグインが干渉している可能性があります。

特に、キャッシュ系プラグイン、高速化プラグイン、セキュリティ系プラグイン、ページビルダー系プラグインは、iframeやJavaScriptの読み込みに影響することがあります。

原因を切り分けるには、一時的にキャッシュを削除し、プラグインを停止して確認します。すべてのプラグインを一度に停止すると影響範囲が大きいため、可能であれば検証環境で確認するのが安全です。

テーマが原因か確認したい場合は、標準テーマに切り替えて動画が表示されるか試します。標準テーマで表示される場合は、現在使用しているテーマのCSSやJavaScriptが影響している可能性があります。

6-5. ブラウザやキャッシュの影響で表示されない

動画が表示されない原因が、ブラウザやキャッシュにあることもあります。

WordPress側では正しく設定できていても、ブラウザのキャッシュが古い状態を表示していると、変更が反映されないことがあります。まずはブラウザの再読み込みやキャッシュ削除を試しましょう。

また、WordPressのキャッシュプラグインやサーバー側キャッシュ、CDNキャッシュが影響している場合もあります。動画を追加・変更したあとは、関連するキャッシュを削除してから確認します。

特定のブラウザだけで表示されない場合は、ブラウザ拡張機能が影響している可能性もあります。広告ブロック系の拡張機能がYouTubeの読み込みをブロックすることもあるため、別のブラウザやシークレットウィンドウでも確認しましょう。

6-6. スマホだけ動画が崩れる・はみ出す場合の直し方

パソコンでは問題なく表示されるのに、スマホだけ動画がはみ出す場合は、レスポンシブ対応ができていない可能性があります。

YouTubeのiframeコードに固定幅が設定されていると、スマホ画面より動画が大きく表示されることがあります。この場合は、動画の横幅を100％にし、縦横比を維持するCSSを追加します。

また、テーマによっては埋め込み動画のレスポンシブ対応が不十分な場合があります。ブロックエディターのYouTubeブロックを使う、レスポンシブ対応済みのテーマに変更する、カスタムCSSで調整するなどの方法を検討しましょう。

スマホ表示を確認するときは、WordPressのプレビューだけでなく、実際のスマホ端末でも確認するのがおすすめです。端末やブラウザによって見え方が異なる場合があります。

7. WordPressに動画をアップロードできない原因と対処法

WordPressに動画ファイルを直接アップロードしようとしても、エラーが出てアップロードできない場合があります。原因として多いのは、アップロード上限サイズ、サーバー容量、ファイル形式、PHP設定、セキュリティ系プラグインの制限です。

ひとつずつ確認していけば、多くの場合は原因を特定できます。

7-1. アップロード上限サイズを超えている

WordPressに動画をアップロードできない原因としてもっとも多いのが、アップロード上限サイズを超えているケースです。

WordPressのメディアアップロード画面には、アップロードできる最大ファイルサイズが表示されています。動画ファイルがその上限を超えている場合、アップロードはできません。

対処法としては、まず動画ファイルを圧縮して容量を小さくします。不要な部分をカットしたり、解像度を下げたり、ビットレートを調整したりすることで、ファイルサイズを削減できます。

それでもアップロードできない場合は、サーバー側の設定変更が必要になることがあります。レンタルサーバーの管理画面でアップロード上限を変更できる場合もありますが、契約プランによっては変更できないこともあります。

7-2. サーバーの容量が不足している

サーバーの空き容量が不足している場合も、動画をアップロードできません。

動画ファイルは容量が大きいため、画像やテキスト中心のサイトでは問題なかったサーバーでも、動画を追加した途端に容量不足になることがあります。

WordPress管理画面だけでなく、レンタルサーバーの管理画面でディスク使用量を確認しましょう。不要なバックアップファイル、古い画像、使っていないテーマやプラグイン、不要な動画ファイルが残っている場合は削除を検討します。

ただし、必要なファイルを誤って削除するとサイトに影響が出る可能性があります。削除前にはバックアップを取っておきましょう。

7-3. 対応していない動画形式を使っている

動画ファイル形式が原因でアップロードできない場合もあります。

WordPressでは一般的にMP4、WebM、Oggなどの動画形式が使われます。特殊な形式や古い形式の動画ファイルは、アップロードできなかったり、アップロードできても再生できなかったりすることがあります。

初心者の場合は、MP4形式に変換してからアップロードするのがおすすめです。MP4は多くのブラウザやスマホで再生しやすく、WordPressでも扱いやすい形式です。

動画変換ツールを使う場合は、出力形式をMP4にし、必要に応じて解像度やファイルサイズも調整しましょう。

7-4. PHP設定やサーバー設定に制限がある

WordPressのアップロード上限は、PHPやサーバー設定の影響を受けます。

主に関係する設定には、upload_max_filesize、post_max_size、max_execution_time、memory_limitなどがあります。これらの値が小さいと、大きな動画ファイルをアップロードできないことがあります。

レンタルサーバーによっては、管理画面からPHP設定を変更できます。変更できない場合は、サーバー会社のサポートに確認しましょう。

ただし、設定値を大きくすれば必ず解決するわけではありません。サーバーの性能や契約プランによっては、大容量動画のアップロードや配信に向いていない場合があります。その場合は、YouTubeやVimeoなど外部サービスの利用を検討したほうが安全です。

7-5. セキュリティ系プラグインにブロックされている

セキュリティ系プラグインが動画ファイルのアップロードをブロックしていることもあります。

ファイルサイズが大きい、拡張子が制限されている、不審なアップロードとして判定されているなどの理由で、アップロードが失敗する場合があります。

セキュリティ系プラグインを導入している場合は、ファイルアップロードに関する設定を確認しましょう。一時的にプラグインを停止してアップロードできるか確認すると、原因を切り分けられます。

ただし、本番サイトでセキュリティ系プラグインを停止する場合は注意が必要です。可能であれば、アクセスが少ない時間帯や検証環境で確認しましょう。

7-6. アップロードできないときの確認チェックリスト

WordPressに動画をアップロードできないときは、次の順番で確認すると原因を見つけやすくなります。

まず、動画ファイルの容量がアップロード上限を超えていないか確認します。次に、サーバーの空き容量が十分にあるか確認します。続いて、動画形式がMP4などの対応しやすい形式になっているか確認します。

それでも解決しない場合は、PHP設定やサーバー設定を確認します。upload_max_filesizeやpost_max_sizeが小さすぎないか、処理時間やメモリ制限に引っかかっていないかを見ます。

さらに、セキュリティ系プラグインやキャッシュ系プラグインの影響も確認しましょう。最後に、別のブラウザや別のネットワーク環境でも試してみると、環境依存の問題を切り分けられます。

動画ファイルが大きすぎる場合は、無理にWordPressへ直接アップロードするより、外部動画サービスにアップロードして埋め込むほうが現実的です。

8. WordPressに動画を埋め込むときのSEO・ユーザー体験のポイント

WordPressに動画を埋め込む目的は、ただ動画を表示することではありません。ユーザーに内容をわかりやすく伝え、ページの満足度を高めることが大切です。

SEOの観点でも、動画の内容がページテーマと合っているか、表示速度を妨げていないか、テキスト情報で補足されているかが重要になります。

8-1. 動画の内容がわかる見出しや説明文を入れる

動画を埋め込むときは、動画の前後に内容がわかる見出しや説明文を入れましょう。

単に動画だけを置いても、ユーザーは何の動画なのか、見るべき理由がわからない場合があります。検索エンジンも動画の内容を完全に理解できるわけではないため、テキストで補足することが重要です。

たとえば、操作手順の動画を埋め込むなら、「WordPressにYouTube動画を埋め込む手順を動画で解説」のような見出しを入れ、その下に動画の概要を書きます。

説明文には、動画で解説している内容、再生時間、見ることでわかることなどを簡潔に書くと親切です。

8-2. 動画だけでなくテキストでも内容を補足する

動画の内容は、できるだけテキストでも補足しましょう。

ユーザーの中には、音声を出せない環境でページを見ている人もいます。移動中、職場、カフェなどでは、動画を再生できないことがあります。また、動画を見るより文章で要点を確認したいユーザーもいます。

動画内で説明している手順やポイントを記事本文にも書いておくことで、ユーザーが自分に合った方法で情報を得られます。

SEOの観点でも、テキスト情報があることでページのテーマが明確になりやすくなります。動画だけに頼らず、見出し、説明文、箇条書き、補足説明を組み合わせることが大切です。

8-3. 表示速度を落とさないようにする

動画を埋め込むときは、ページの表示速度に注意しましょう。

どれだけ役立つ動画でも、ページが重くて開くまでに時間がかかると、ユーザーは離脱しやすくなります。特にスマホユーザーは通信環境によって読み込み速度が大きく変わるため、動画の設置数や読み込み方法に配慮が必要です。

直接アップロードする動画は圧縮し、必要以上に高画質にしないようにします。YouTube埋め込みの場合も、複数設置すると重くなるため、遅延読み込みやサムネイル表示を活用しましょう。

動画を追加したあとは、実際にページを開いて表示速度を確認することが大切です。

8-4. サムネイル画像をわかりやすく設定する

動画のサムネイル画像は、ユーザーが再生するかどうかを判断する重要な要素です。

サムネイルがわかりにくいと、動画の内容が伝わらず、再生されにくくなります。逆に、内容がひと目でわかるサムネイルを設定すれば、ユーザーは安心して再生できます。

サムネイルには、動画のテーマが伝わる画像やテキストを入れると効果的です。たとえば、WordPressの操作解説動画なら、管理画面のスクリーンショットや「動画の埋め込み手順」といった短い文言を入れるとわかりやすくなります。

ただし、過度に派手なサムネイルや内容と違うサムネイルは避けましょう。クリックされても、内容が期待と違えばユーザー満足度は下がります。

8-5. スマホで再生しやすい位置・サイズに調整する

WordPressサイトでは、スマホでの見やすさが非常に重要です。動画を設置したら、スマホで再生しやすい位置とサイズになっているか確認しましょう。

動画の横幅が画面からはみ出していないか、再生ボタンが押しやすいか、動画の前後に十分な余白があるかをチェックします。

また、記事の冒頭に大きな動画を置くと、読み込みが遅くなったり、ユーザーが本文にたどり着きにくくなったりする場合があります。動画を最初に見せる必要があるか、本文の途中に配置したほうがよいかを考えましょう。

スマホでは通信量を気にするユーザーも多いため、自動再生は慎重に使う必要があります。特に音声付きの自動再生は不快に感じられることがあるため、基本的にはユーザーが再生ボタンを押して見る形がおすすめです。

9. WordPressの動画埋め込みに便利なプラグイン・サービス

WordPressでは、動画の埋め込みや表示を便利にするプラグインや外部サービスを活用できます。

ただし、プラグインを増やしすぎるとサイトが重くなったり、不具合の原因になったりすることがあります。必要な機能を見極めて、最小限の導入にとどめることが大切です。

9-1. 動画の遅延読み込みに使えるプラグイン

動画の遅延読み込みを設定したい場合は、高速化系プラグインや遅延読み込み対応プラグインが役立ちます。

YouTubeのiframeをそのまま読み込むのではなく、ユーザーがスクロールしたタイミングやクリックしたタイミングで読み込むことで、初期表示を軽くできます。

キャッシュ系プラグインの中には、画像だけでなくiframeやYouTube動画の遅延読み込みに対応しているものもあります。すでに高速化プラグインを導入している場合は、新しいプラグインを追加する前に、現在のプラグインに動画遅延読み込み機能がないか確認しましょう。

プラグインを導入したあとは、パソコンとスマホの両方で動画が正常に表示・再生されるか確認することが重要です。

9-2. YouTubeギャラリーを作れるプラグイン

複数のYouTube動画を一覧表示したい場合は、YouTubeギャラリーを作れるプラグインが便利です。

通常の埋め込みでは、動画を1本ずつ記事内に貼り付ける必要があります。しかし、ギャラリープラグインを使えば、チャンネルの動画一覧や再生リストを見やすく表示できる場合があります。

たとえば、セミナー動画、商品紹介動画、インタビュー動画、レッスン動画などをまとめて掲載したいサイトでは、YouTubeギャラリーが役立ちます。

ただし、ギャラリー表示は読み込む動画やスクリプトが増えやすいため、表示速度に注意が必要です。必要以上に多くの動画を1ページに表示せず、ページ分割や遅延読み込みを活用しましょう。

9-3. 動画を軽量化できる外部サービス

動画ファイルをWordPressに直接アップロードする場合は、事前に外部サービスや動画編集ツールで軽量化しておくと安心です。

動画圧縮サービスを使うと、ファイルサイズを小さくしたMP4動画を作成できます。オンラインツールで手軽に圧縮できるものもあれば、パソコンにインストールして細かく設定できる動画変換ソフトもあります。

また、動画配信を本格的に行う場合は、YouTube、Vimeo、動画配信プラットフォーム、CDNなどの利用も検討できます。会員制サイトやオンライン講座などで動画を多数配信する場合は、WordPressのサーバーだけに負荷をかけない設計が重要です。

9-4. プラグインを増やしすぎるデメリット

WordPressでは便利なプラグインが多くありますが、動画関連のプラグインを増やしすぎるとデメリットもあります。

プラグインが増えると、ページで読み込まれるCSSやJavaScriptが増え、表示速度が遅くなる場合があります。また、プラグイン同士の相性が悪いと、動画が表示されない、レイアウトが崩れる、管理画面が重くなるといった問題が起きることもあります。

さらに、更新が止まっているプラグインを使い続けると、セキュリティ面のリスクもあります。

プラグインを導入するときは、本当に必要な機能か、現在使っているテーマやプラグインで代用できないかを確認しましょう。

9-5. 初心者がプラグインを選ぶときの基準

初心者が動画関連プラグインを選ぶときは、機能の多さだけで判断しないことが大切です。

まず、目的を明確にしましょう。YouTube動画を軽く表示したいのか、動画ギャラリーを作りたいのか、直接アップロードした動画を管理したいのかによって、選ぶべきプラグインは変わります。

次に、更新頻度や対応しているWordPressバージョンを確認します。長期間更新されていないプラグインは、不具合やセキュリティリスクがあるため注意が必要です。

また、レビューやサポート状況も参考になります。ただし、レビューが多いからといって必ず自分のサイトに合うとは限りません。導入前にバックアップを取り、可能であれば検証環境で試してから本番サイトに反映しましょう。

10. WordPress動画埋め込みに関するよくある質問

ここでは、WordPressに動画を埋め込むときによくある質問に回答します。

初心者がつまずきやすいポイントを事前に知っておくことで、トラブルを避けやすくなります。

10-1. WordPressに動画を直接アップロードしても問題ない？

WordPressに動画を直接アップロードすること自体は可能です。ただし、動画の容量やサーバー環境には注意が必要です。

短い動画や容量の小さい動画であれば、直接アップロードでも問題ない場合があります。一方で、長時間の動画や高画質動画を多数アップロードすると、サーバー容量や転送量を圧迫し、サイトが重くなる可能性があります。

一般的なブログ記事で動画を使う場合は、YouTubeやVimeoなどの外部サービスにアップロードして埋め込む方法がおすすめです。直接アップロードは、短い動画や外部サービスに公開したくない動画に限定するとよいでしょう。

10-2. YouTube動画を埋め込むと著作権上の問題はある？

自分で作成したYouTube動画を自分のWordPressサイトに埋め込む場合、基本的には問題ありません。

他人のYouTube動画を埋め込む場合は注意が必要です。YouTubeで埋め込みが許可されている動画であっても、動画の内容が著作権を侵害している可能性があります。違法にアップロードされた動画や、権利者の許可なく投稿された動画を埋め込むことは避けましょう。

また、動画の内容を自分のコンテンツのように見せたり、誤解を招く形で掲載したりするのも適切ではありません。他人の動画を使う場合は、公式チャンネルの動画か、権利関係に問題がない動画かを確認することが大切です。

10-3. 動画のサイズや横幅は変更できる？

はい、動画のサイズや横幅は変更できます。

ブロックエディターでYouTubeブロックや動画ブロックを使っている場合、テーマやブロック設定によって横幅を調整できます。配置を「幅広」や「全幅」に変更できるテーマもあります。

iframeの埋め込みコードを使っている場合は、widthやheightの値を変更することでサイズを調整できます。ただし、固定幅にするとスマホで画面からはみ出す可能性があるため、レスポンシブ対応を行うのがおすすめです。

基本的には、動画の横幅を親要素に合わせて100％にし、縦横比を維持する形が扱いやすいです。

10-4. 動画を自動再生させることはできる？

動画を自動再生させることはできますが、注意が必要です。

WordPressに直接アップロードした動画では、動画ブロックの設定から自動再生を有効にできる場合があります。YouTube動画でも、埋め込みURLにパラメータを追加することで自動再生を指定できる場合があります。

ただし、多くのブラウザでは、音声付き動画の自動再生が制限されています。自動再生させたい場合は、ミュート設定を有効にする必要があることが多いです。

また、自動再生はユーザーにとって迷惑になる場合があります。特に音が突然流れる動画は離脱の原因になりやすいため、基本的にはユーザーが自分で再生できる形にするのがおすすめです。

10-5. スマホで動画が再生されないときはどうすればいい？

スマホで動画が再生されない場合は、まず動画形式と表示方法を確認しましょう。

直接アップロードした動画の場合、スマホブラウザが対応していない形式だと再生できないことがあります。MP4形式に変換して再度アップロードすると改善する場合があります。

YouTube動画の場合は、埋め込みコードが正しいか、動画の公開設定や埋め込み許可が有効かを確認します。また、スマホの通信環境やブラウザの設定、広告ブロック機能が影響していることもあります。

スマホだけでレイアウトが崩れる場合は、iframeの横幅が固定されていないか確認しましょう。レスポンシブ対応のCSSを追加することで改善できる場合があります。

10-6. WordPressの動画が重いとSEOに悪影響はある？

動画が原因でページの表示速度が大きく低下している場合、SEOに悪影響を与える可能性があります。

検索エンジンは、ユーザーにとって使いやすいページを評価する傾向があります。ページの読み込みが遅い、スマホで見づらい、動画が再生できないといった状態は、ユーザー体験を下げる原因になります。

ただし、動画そのものが悪いわけではありません。動画は、内容をわかりやすく伝え、ユーザーの理解を助ける有益なコンテンツです。重要なのは、動画を適切な方法で埋め込み、表示速度やスマホ表示に配慮することです。

動画を圧縮する、YouTube埋め込みを使う、遅延読み込みを設定する、テキストで内容を補足するなどの対策を行えば、SEOとユーザー体験の両方に配慮したページを作れます。

まとめ

WordPressに動画を埋め込む方法は、大きく分けて「YouTubeやVimeoなど外部サービスの動画を埋め込む方法」と「WordPressに動画ファイルを直接アップロードする方法」の2種類があります。

初心者には、YouTube動画を埋め込む方法がおすすめです。動画URLを貼り付けるだけで簡単に表示でき、WordPressのサーバー容量や転送量を圧迫しにくいためです。長い動画や複数の動画を掲載する場合にも向いています。

一方で、短い動画や外部サービスに公開したくない動画は、WordPressに直接アップロードする方法も選択肢になります。ただし、ファイルサイズ、サーバー容量、アップロード上限、表示速度には注意が必要です。

WordPressに動画を入れるときは、見た目だけでなく、ページの軽さやスマホでの見やすさも意識しましょう。動画が重い場合は、圧縮、外部サービスの活用、遅延読み込み、サムネイル表示、キャッシュやCDNの利用などが有効です。

また、動画が表示されない、アップロードできない場合は、URLの貼り付け方、埋め込みコードの設置場所、公開設定、ファイル形式、サーバー設定、プラグインの影響を順番に確認しましょう。

動画は、正しく使えばWordPressサイトの魅力を高める強力なコンテンツです。記事の内容に合った動画を適切に埋め込み、ユーザーにとってわかりやすく快適なページを作りましょう。