Latest SeedProd News

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

WordPressで動画を埋め込む方法

WordPressに動画を埋め込む方法(簡単な3つの方法) 

Written By: 著者アバター Stacey Corrin
著者アバター Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: レビュアーアバター Turner John
レビュアーアバター Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

コンバージョン率の高いランディングページを作成する際、まず考えるのは動画の埋め込みです。信頼を築く最も速い方法ですが、それはユーザーにとってシームレスに再生される場合に限ります。

コードや読み込みの遅いプレーヤーと格闘することなく、プロフェッショナルな見た目を手に入れたいですよね。良いニュースは、正しい手順を知っていれば、WordPressに動画を埋め込むのは簡単だということです。

このガイドでは、私が常に使用している3つの簡単な方法を順を追って説明します。面倒なことは飛ばして、すぐに解決策に取り掛かりましょう。

要約: WordPressでは、投稿またはページをブロックエディターで開き、YouTubeまたはVimeoの動画URLを貼り付けると、WordPressが自動的に埋め込みます。より詳細な制御が必要な場合は、SeedProdのようなページビルダーや専用の動画プラグインを使用してください。

WordPressサイトに動画を追加する理由

動画マーケターの82%が、コンテンツに動画を追加した後、ウェブトラフィックが増加したと報告しています。これは、WordPressサイトで動画の使用を開始する大きな理由です。

マーケターの82%がビデオコンテンツでウェブトラフィックが増加したと回答

動画は注意を素早く引きつけ、訪問者をサイトに長く滞在させ、メッセージをより明確で説得力のあるものにします。

検索エンジンは、リッチなユーザーエクスペリエンスを提供するウェブサイトを評価します。高品質な動画を追加することは、WordPress SEOに役立ち、人々があなたを見つけやすくすることができます。

さらに、動画は、読むよりも見ることの方を好む訪問者にとってコンテンツをよりアクセスしやすくし、より幅広いオーディエンスとつながるのに役立ちます。

動画をWordPressに直接アップロードすべきですか?

動画をWordPressに直接アップロードするよりも、YouTubeやVimeoのようなプラットフォームから動画を埋め込む方が良いです。

メディアライブラリに動画をアップロードすることは可能ですが、お勧めしません。SeedProdでは、常に代わりに動画を埋め込んでおり、その理由は次のとおりです。

  • 大きなファイルサイズ – 動画は多くのストレージを消費し、サイトを遅くする可能性があり、ユーザーエクスペリエンスとSEOに悪影響を与えます。
  • 高い帯域幅の使用 – 動画ストリーミングは大量のサーバーリソースを使用します。ホスティングプランに制限がある場合、すぐに上限に達し、追加費用が発生する可能性があります。
  • 追加のトラフィック機会 – YouTubeやVimeoのようなプラットフォームにアップロードすると、それらのオーディエンスにリーチし、より多くの訪問者をあなたのサイトに送ることができます。

動画を埋め込むか、WordPress動画プラグインを使用することは、サイトを高速でアクセス可能に保ちながらリーチを拡大するための最も効率的な方法です。

WordPressに動画を埋め込む方法:3つの方法

WordPressに動画を埋め込む方法はいくつかありますが、必ずしも簡単とは限りません。以下に、技術的な知識がなくてもWordPressに動画を追加できる、最も簡単な3つのソリューションを紹介します。

WordPressの投稿とページに動画を埋め込む(ブロックエディターの方法)

WordPressブロックエディター(Gutenberg)は、WordPressの投稿やページに動画を埋め込むための簡単な方法を提供します。その自動埋め込み機能は、YouTube、Vimeoなどの動画ホスティングプラットフォームから動画埋め込みコードを自動的に取得します。

まず、埋め込みたい動画のURLが必要です。YouTubeのようなプラットフォームを使用している場合は、動画に移動してアドレスバーからURLをコピーします。共有アイコンをクリックして、そこから動画のURLをコピーすることもできます。

ビデオURLをコピーする

次に、動画を追加したい投稿またはページに移動し、「編集」をクリックしてWordPressブロックエディターを開きます。

WordPressブロックエディター内のどこかをクリックして、以前にコピーしたURLを貼り付けます。動画のURLを貼り付けると、WordPressは自動的に埋め込みコードを取得し、コンテンツエディター内に動画を表示します。

自動埋め込みを使用してWordPressにビデオを埋め込む方法

次に、ポップアップツールバーのオプションをクリックして動画をカスタマイズできます。たとえば、動画の幅、配置、キャプション、アスペクト比などを変更できます。

WordPressのビデオ自動埋め込みをカスタマイズする

WordPressは、ホワイトリストに登録されたプラットフォームのみを自動埋め込みできます。それには以下が含まれます:

  • Amazon
  • Dailymotion
  • Facebook
  • Imgur
  • Instagram
  • Reddit
  • SoundCloud
  • Spotify
  • Twitter
  • Vimeo
  • YouTube
  • その他多数。

ホワイトリストにないウェブサイトから動画を埋め込みたい場合は、動画の完全なHTMLコードをコピーして貼り付ける必要があります。

これを行うには、カスタムHTMLという新しいブロックを追加し、動画コードを貼り付けるだけです。

カスタムHTML WordPressブロックを使用して、ビデオHTML埋め込みコードを追加します。

最後のタスクは、投稿またはページを保存して公開し、動画をライブにすることです。

自動埋め込みを使用してWordPressウェブサイトにビデオを追加する方法

クラシックエディターをまだ使用している場合は、動画のURLをコピーしてWordPressエディターに直接貼り付けることができます。以前と同様に、動画は自動的に読み込まれます。

WordPressクラシックエディターにビデオを埋め込む方法

SeedProdでWordPressサイトのどこにでも動画を追加する

WordPressに動画を埋め込むためのよりカスタマイズされたアプローチを探しているなら、SeedProdはシンプルでありながら強力なソリューションを提供します。 

SeedProdドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdは、WordPress向けの最高のドラッグアンドドロップウェブサイトビルダーです。ユーザーフレンドリーなビジュアルエディターを使用すると、ランディングページ、製品説明、またはホームページなど、あらゆるウェブサイトセクションに簡単に動画を追加できます。

まず、SeedProdプラグインをインストールして有効化する必要があります。

これに関するヘルプについては、SeedProdのインストールに関するドキュメントを参照してください。プラグインとライセンスキーのダウンロード、インストール、アクティブ化方法について説明しています。

これで、SeedProdのドラッグアンドドロップページビルダーを使用してウェブサイトに動画を追加できます。

WordPressランディングページに動画を追加する

SeedProdを使用すると、ランディングページに動画を追加するのは簡単です。WordPressダッシュボードから SeedProd » Landing Page Builder に移動し、新しいランディングページを作成するか、既存のWordPressページを編集します。 

SeedProd を使用して WordPress に新しいランディングページを追加する

ページビルダーに入ったら、埋め込み動画コンテンツには2つのオプションがあります。標準の動画ブロックまたは高度な動画ポップアップブロックを使用できます。

動画ブロックの追加

動画ブロックを使用するには、左側のサイドバーで検索し、ランディングページのレイアウトにドラッグアンドドロップします。 

SeedProd の動画ブロックをドラッグアンドドロップする

ブロック設定では、YouTubeとカスタムの2つの動画ソースから選択できます。

SeedProd の動画ブロックを使用して WordPress に動画を埋め込む方法

YouTubeソースを使用すると、YouTubeの動画リンクを貼り付けるだけで、動画コードが自動的に埋め込まれます。その後、数回クリックするだけで、動画の幅、配置、デスクトップまたはモバイルデバイスでの表示をカスタマイズできます。

カスタムオプションを選択すると、YouTubeなしでWordPressに動画を埋め込むことができます。これを行うには、動画埋め込みコードをコピーしてカスタム動画コードボックスに貼り付ける必要があります。

カスタム動画ソース設定

動画ポップアップブロックの追加

SeedProdの動画ポップアップブロックは、標準ブロックよりもはるかに多くのカスタマイズオプションを提供します。高度なブロックサイドバーで見つけて、ページにドラッグアンドドロップします。

SeedProd 動画ポップアップブロック

ブロック設定には、いくつかの動画ソースオプションがあります。

動画リンクを貼り付けることで、YouTubeまたはVimeoから動画コンテンツを自動的に埋め込むことができます。

動画ポップアップブロックのメディアソース

または、カスタムオプションを使用すると、コンピューターから動画をアップロードしたり、外部ウェブサイトから動画リンクを貼り付けたりできます。

WordPress メディアライブラリ経由でカスタム動画をアップロードする

動画ソースを選択した後、次の機能を含むさまざまな機能を有効にすることで、動画プレーヤーをカスタマイズできます。

動画プレーヤーのカスタマイズオプション
  • 自動再生: 人々がページにアクセスしたときに自動再生オプションを有効または無効にします。
  • ミュート: ページを開いたときに動画の音声をミュートします。
  • ループ: 動画を連続ループで再生します。
  • プレーヤーコントロールの表示: ユーザーが動画をスキップ、一時停止、停止、再生するためのオプションを表示します。
  • 控えめなブランディング: 動画プレーヤーからYouTubeのブランディングを非表示にします。
  • プライバシーモード: YouTubeまたはVimeoが動画を再生しない限り、訪問者情報を保存しないようにします。
  • 遅延読み込み: ページ読み込み後に動画を読み込むことで、ページ読み込み時間を改善します。
SeedProd の WordPress 固定動画設定

さらに、固定動画機能を有効にすると、ユーザーがそのページにアクセスしたときに、スクロールしても動画が画面の下部に固定されます。

WordPress の固定動画の例

これは、ユーザーエクスペリエンスを向上させ、エンゲージメントを高めるための素晴らしい方法です。

最後に、動画ポップアップブロックには動画オーバーレイオプションがあり、カスタム動画サムネイル画像と再生アイコンをアップロードできます。

SeedProd を使用して WordPress の動画にカスタムサムネイルを追加する

ライトボックスオプションを有効にすると、ユーザーがクリックしたときに動画がライトボックスポップアップで開きます

WordPress の動画ライトボックスの例

完全なカスタマイズガイドについては、WordPressで動画ランディングページを作成する方法のチュートリアルをご覧ください。

動画とランディングページのカスタマイズが完了したら、保存および公開ボタンをクリックして変更をライブにします。

SeedProd を使用して WordPress でランディングページを公開する

SeedProdでWordPressに追加した後の最終的な動画の例を次に示します。

SeedProd を使用して WordPress ウェブサイトに動画を追加する方法の例

WordPressテーマへの動画の埋め込み

SeedProdはランディングページの作成だけでなく、WordPressテーマのさまざまな部分を作成およびカスタマイズするためにも使用できます。これには、ホームページ、ヘッダー、フッター、サイドバー、ブログページ、さらにはeコマースページが含まれます。

WordPressテーマの作成方法のガイドに従って学習できます。

WordPressテーマのさまざまな部分に動画を追加することは、ランディングページオプションと同様の手順に従います。SeedProd » Theme Builder にアクセスし、テーマテンプレートのいずれかを編集するだけです。

SeedProdテーマテンプレートパーツ

例えば、サイドバーテンプレートを開き、ビデオブロックのいずれかをドラッグしてWordPressのサイドバーにビデオを埋め込むことができます。

SeedProd サイドバーテンプレートに動画を追加する

変更を保存すると、次のようになります。

WordPress サイドバーウィジェットエリアに動画埋め込みを追加する例

または、フッターを編集して、フッターウィジェットに新しいビデオコンテンツを追加することもできます。

SeedProd で WordPress のフッターウィジェットエリアに動画を追加する

本当に簡単で、コーディングをゼロから行う必要も、開発者を雇う必要もありません。

WordPressビデオプラグインを使用してビデオを埋め込み、カスタマイズする

WordPressブロックエディターやSeedProdでは満たせない、より高度な機能を探している場合や特定のニーズがある場合は、ビデオ埋め込みを専門とするWordPressプラグインが最善の解決策となる可能性があります。

Smash Balloon YouTube Feed Pro

この目的のために、WordPress用の最高のYouTubeビデオギャラリープラグインであるSmash BalloonのYouTube Feed Proプラグインをお勧めします。これにより、カスタマイズ可能なギャラリーにYouTubeチャンネルのビデオを埋め込むことができます。

このプラグインは、新しいビデオを自動的にインポートしたり、ビデオフィードを組み合わせたり、ライブストリーミング機能を追加したり、YouTubeプレイリストを埋め込んだりできます。YouTubeの埋め込みには、いいねや共有ボタン、コメント、リアクションも含まれており、ビデオウィジェット内でソーシャルプルーフを高めます。

WordPress で YouTube チャンネル動画ギャラリーの例

詳細については、WordPressにYouTubeビデオを埋め込む方法に関するこのガイドをご覧ください。

WordPressにビデオを埋め込む方法に関するFAQ

What video formats work best in WordPress?
WordPress supports MP4, WebM, and OGG video formats. MP4 is the most widely compatible and recommended format because it plays smoothly on most browsers and devices. WebM offers smaller file sizes for faster loading, while OGG is useful for open-source projects but has limited browser support. If you’re uploading directly, stick with MP4 for the best balance of quality and compatibility.
Can I autoplay videos in WordPress?
Yes, but browsers like Chrome and Safari often block autoplay unless the video is muted. To improve user experience and meet accessibility standards, autoplay videos should start without sound and include visible play controls. Many page builders and video plugins, including SeedProd, let you toggle autoplay and mute settings easily.
How do I optimize video loading speed?
To make videos load faster, enable lazy loading so they only load when a user scrolls to them. Compress video files before uploading or use optimized hosting platforms like YouTube or Vimeo. You can also use a Content Delivery Network (CDN) to deliver videos from servers closer to your visitors, reducing buffering and improving playback speed.
How do I add captions to embedded videos?
Captions improve accessibility for users with hearing impairments and can boost engagement. If you’re embedding from YouTube or Vimeo, you can enable captions in the player settings or upload an SRT (SubRip Subtitle) file directly to the platform. For self-hosted videos, you can add captions using the <track> HTML tag inside the video embed code. Always ensure captions are accurate and synced to the audio for the best viewing experience.

その他の役立つWordPressガイド

このガイドがWordPressにビデオを埋め込む方法を学ぶのに役立ったことを願っています。どの方法を選択しても、ビデオを追加することでユーザーエンゲージメントを高め、SEOを改善し、サイトのコンテンツを多様化することができます。

WordPressサイトを改善するための他の方法を探している場合は、次のガイドが役立つかもしれません。

お読みいただきありがとうございます!皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTubeX および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。

著者アバター
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]