WordPress に動画を埋め込む方法: YouTube、Facebook、Vimeo、TikTok

ビデオは、Web サイト所有者のツールキットで最も価値のある資産の 1 つです。 サイトに動画を追加すると、訪問者の信頼を高め、コンバージョン率を向上させ、サイトを検索エンジンにとってより魅力的にすることができます。

この記事では、YouTube、Vimeo、TikTok、Instagram、Facebook などのオフサイト ソースからビデオを埋め込み、WordPress ブロックを使用してサイトに直接アップロードすることで、WordPress サイトにビデオを追加する方法を学びます。

まず、サイトに動画を含める必要がある主な理由をいくつか見ていきましょう。

自分のサイトに動画を含める利点は何ですか?

成功する Web サイトは、人間と人間以外 (検索ボット) の両方の訪問者に対して最適化されています。 目標は、よく整理され、アクセスしやすく、役立つコンテンツを通じて、サイトが両方のユーザーにサービスを提供することです。 ここでは、ビデオがさまざまな方法で役立ちます。

動画が訪問者にどのように役立つか

人間は情報を使って「この商品を買うべきか」などの意思決定を行います。 「これは私がサポートするのに適した組織ですか?」 そのため、購入やサインアップを快適に進めるために必要な情報を提供することは、コンバージョンの増加につながります。

あなたの提案や使命を実際に示すビデオは、人々が自分の人生に与える潜在的な影響をよりよく想像できるようにします。 「Meet the Owners」と「Meet the Team」のビデオは、ブランドの背後にいる人々と人間的なつながりを築きます。 ハウツーと教育ビデオは、あなたを信頼できる専門家として、あなたのカテゴリー内の権威として位置付けます.

ビデオは、書かれたコンテンツと組み合わせると、サイトの所有者がさまざまな学習スタイルや認知ニーズにアピールする機会にもなります。 コンテンツを消化するためのオプションが増えることで、より多くの視聴者に影響を与え、リーチを拡大できます。

動画が検索結果にどのように役立つか

動画コンテンツを追加すると、人々があなたのサイトを見つけるための新しい道を開くことができます. これにより、動画検索結果を介してコンテンツが訪問者を引き付ける別の機会が得られます。 また、YouTube などのプラットフォームで動画をホストすると、YouTube の既存の視聴者から動画に注目を集めることもできます。

ビデオ自体に目を引くだけでなく、ビデオ コンテンツを追加すると、検索エンジンが既存のページをランク付けする可能性が高くなります。 動画は、訪問者がページに費やす時間を改善する傾向があります。これは、ユーザーが見つけたコンテンツを楽しんでいるというシグナルです。 また、訪問者が貴重な体験をしていると Google が判断した場合、訪問者はページを上位に移動する可能性が高くなります。

さらに、Google は新しいコンテンツ (動画など) の絶え間ない流れを好みます。 そのため、ページにリッチ メディアを追加すると、結果にプラスの影響を与える可能性があります。

WordPressに動画を埋め込む方法

さまざまなソースからの動画を WordPress サイトに簡単に埋め込むことができます。 方法を見てみましょう。

URL を貼り付けて YouTube 動画を埋め込む

YouTube 動画の URL を段落ブロックの独自の行に貼り付けると、WordPress によって自動的に YouTube 動画ブロックが作成され、ブロック ツールバーを使用してカスタマイズできます。

YouTube ページのアドレス バーから動画の URL をコピーするか、動画の [共有] ボタンをクリックして、ポップアップ ウィンドウからリンクをコピーします。 必要に応じて、[開始点]チェックボックスを使用して、カスタムの開始点を選択します。 このオプションはリンクを更新するため、開始時刻を設定した後に必ず URL をコピーしてください。

YouTube ブロックを使用して YouTube 動画を埋め込む

+アイコンをクリックするか、 /yと入力してブロック検索ウィンドウを起動し、YouTube を最初のオプションとして表示します。 YouTube ブロックを選択し、動画の URL を入力して、[埋め込み] をクリックします。

または、YouTube リンクを動画ブロックに貼り付けると、WordPress は自動的に YouTube ブロックに変換します。

YouTube ブロックとその設定について詳しくは、WordPress.org の YouTube 埋め込みサポート ページをご覧ください。

URL を貼り付けて Facebook ビデオを埋め込む

これは、WordPress に Facebook 動画を埋め込む最も簡単な方法です。 Facebook 動画の URL を段落ブロックの独自の行に貼り付けると、WordPress は自動的に埋め込みブロックを作成します。これは、ブロック ツールバーを使用してカスタマイズできます。

Facebook の投稿のタイムスタンプをクリックして、ビデオの URL を取得します。 これは投稿の可視性アイコンの隣にあり、動画が公開されているかどうかを示します — 地球のアイコンが表示されます — 共有可能です. 埋め込みを機能させるには、投稿と人物またはページのタイムラインを公開に設定する必要があります。

次に、このような直接 URL を持つビデオ ページに移動します。

Facebook ブロックを使用して Facebook ビデオを埋め込む

+アイコンをクリックするか/faと入力して、最初のオプションとして Facebook を含むブロック検索ウィンドウを起動します。 Facebook のブロック タイプを選択し、URL を入力して、[埋め込み] をクリックします。

Facebook Live ビデオを埋め込む

Facebook でビデオの [共有] リンクをクリックし、[埋め込み]を選択します。

カスタマイズ オプションの中には、投稿全体を含めるためのチェックボックスと、特定の開始時間を選択するためのフィールドがあります。 選択内容によってコードが更新されるため、[コードをコピー] ボタンをクリックする前にこれらの選択を行ってください。

[詳細設定]リンクをクリックして、Embedded Video Player Configurator を使用してビデオ プレーヤーをカスタマイズします。 このツールは、Facebook ビデオと Facebook ライブ ビデオの両方に使用できます。

Facebook Live ビデオの URL を貼り付け、構成オプションを選択し、[コードを取得] をクリックして、HTML スニペットをコピーします。 JavaScript SDK メソッドでは、WordPress テーマ ファイルにカスタム コードを追加する必要があるため、実装を容易にするために iFrame コードを使用します。

自動再生、遅延読み込み、キャプションなどの項目の追加のカスタマイズについては、埋め込みビデオおよびライブ ビデオ プレーヤーの開発者向けメタページに記載されている設定を使用して、埋め込みコードを手動でカスタマイズできます。

iFrame コードをコピーしたら、カスタム HTML ブロックに貼り付けます。 ページを公開する前に、[プレビュー]リンクをクリックして、埋め込まれたビデオを確認します。

URL を貼り付けて Instagram 動画を埋め込む

これは、WordPress に Instagram 動画を埋め込む最も簡単な方法です。 Instagram ビデオ/リール URL を独自の行の段落ブロックに貼り付けると、WordPress は自動的に埋め込みブロックを作成します。これは、ブロック ツールバーを使用してカスタマイズできます。

Instagram で、ウィンドウの右上にある 3 つのドットのメニュー アイコンをクリックし、[リンクをコピー] を選択して、動画の URL をコピーします。 リンクは自動的にクリップボードにコピーされます。

Instagram ブロックを使用して Instagram ビデオを埋め込む

+アイコンをクリックするか、 /insと入力してブロック検索ウィンドウを起動し、Instagram を最初のオプションとして表示します。 Instagram のブロック タイプを選択し、動画の URL を入力して、[埋め込み] をクリックします。

Instagram の埋め込みコードを使用して Instagram 動画を埋め込む

Instagram で、ウィンドウの右上にある 3 つのドットのメニュー アイコンをクリックし、[埋め込み] を選択します。 ウィンドウが開き、埋め込みコードと [埋め込みコードをコピー] のボタンが表示されます。 チェックボックスには、「キャプションを含める」オプションがあります。 そのオプションを使用する場合は、選択内容によってコードが更新されるため、コピーする前に確認してください。

Instagram 埋め込みコードをコピーしたら、それをカスタム HTML ブロックに貼り付けます。 ページを公開する前に、[プレビュー] リンクをクリックして、埋め込まれたビデオを確認します。

URL を貼り付けて TikTok ビデオを埋め込む

これは、WordPress に TikTok ビデオを埋め込む最も簡単な方法です。 TikTok ビデオ URL を段落ブロックの独自の行に貼り付けると、WordPress は自動的に TikTok ブロックを作成します。これは、ブロック ツールバーを使用してカスタマイズできます。

TikTok ビデオの URL を取得するには、TikTok に移動します。 ビデオのページを開き、[リンクをコピー] をクリックします。

TikTok ブロックを使用して TikTok ビデオを埋め込む

+アイコンをクリックするか、 /tikと入力して、最初のオプションとして TikTok を含むブロック ライブラリ検索ウィンドウを起動します。 TikTok ブロック タイプを選択し、URL を入力して、[埋め込み] をクリックします。

URL を貼り付けて Vimeo ビデオを埋め込む

これは、WordPress に Vimeo ビデオを埋め込む最も簡単な方法です。 Vimeo ビデオ URL を段落ブロックの独自の行に貼り付けると、WordPress は自動的に Vimeo ブロックを作成します。これはブロック ツールバーを使用してカスタマイズできます。

Vimeo ページのアドレス バーからビデオの URL をコピーするか、ページの [共有] アイコンをクリックして、ポップアップ ウィンドウからリンクをコピーします。 [ビデオを開始]チェックボックスを使用して、ビデオのカスタム開始点を選択します。 このオプションはリンクを更新するため、開始時間を設定した後に必ずコピーしてください。

Vimeo ブロックを使用して Vimeo ビデオを埋め込む

+アイコンをクリックするか、 /vimと入力してブロック検索ウィンドウを起動し、Vimeo を最初のオプションとして表示します。 Vimeo のブロック タイプを選択し、動画の URL を入力して、[埋め込み] をクリックします。

Vimeo リンクを動画ブロックに貼り付けると、WordPress は自動的に Vimeo ブロックに変換します。

Vimeo 動画を埋め込む方法については、WordPress.org の Vimeo 埋め込みサポート ページをご覧ください。

WordPress 向けの最高の動画ホスティングおよび埋め込みソリューション

Jetpack VideoPress は、WordPress 用に構築されたビデオ ホスティングです。 Jetpack VideoPress を使用すると、ビデオをページまたは投稿に追加すると、WordPress.com クラウドに自動的にアップロードされ、メディア ライブラリを介して管理できます。 動画はストリーミング動画に変換され、WordPress.com サーバーでホストされ、高速なユーザー エクスペリエンスのためにグローバル コンテンツ配信ネットワーク (CDN) を活用します。

Jetpack VideoPress はレスポンシブで、サイトのブランディングに合わせて高度なカスタマイズ オプションを備えています (ビデオ コンテンツの配色に合わせて自動的に適応することもできます)。 さらに、視聴者に広告のないエクスペリエンス、ピクチャー イン ピクチャー ビデオ機能などを提供します。

ドラッグ アンド ドロップで Jetpack VideoPress ビデオを埋め込む

Jetpack をインストールして Jetpack VideoPress を含むプランを購入するか、専用の Jetpack VideoPress プラグインをインストールしたら、ビデオ ファイルをデスクトップから Paragraph ブロックにドラッグするだけです。 次に、WordPress は VideoPress ブロックを自動的に作成します。このブロックは、ブロック ツールバーを使用してカスタマイズできます。

3 ドット メニューをクリックし、[その他の設定] を選択して、さまざまなプレーヤーとビデオの設定にアクセスします。 複数の設定オプションの詳細については、ブロック エディターを使用してビデオを追加するの記事を参照してください。

メディア ライブラリでビデオをクリックすると、標準のタイトル、説明、およびキャプション フィールドに加えて、ビデオ ファイルの圧縮レベルとその共有、ダウンロード、およびプライバシー設定も管理できます。

VideoPress ブロックを使用して Jetpack VideoPress ビデオを埋め込む

+アイコンをクリックするか、 /videopと入力して、VideoPress でブロック検索ウィンドウを起動します。 最初のオプションとして。 VideoPress のブロック タイプを選択し、動画の URL を入力して、[埋め込み] をクリックします。

代わりに Video ブロックを使用したいが、自分のサイトや YouTube などのプラットフォームではなく、Jetpack VideoPress でビデオをホストする場合は、VideoPress リンクを Video Block に貼り付けるだけで、自動的に変換されません。 VideoPress ブロック。

VideoPress および Video ブロックには、 [その他の設定]パネルから利用できるさまざまなオプションがあります。 WordPress.org のサポート ページからビデオ ブロック オプションの詳細情報を入手し、この Jetpack 記事から VideoPress ブロック オプションの詳細情報を入手してください。

動画をWordPressにアップロードする方法

ビデオを WordPress にアップロードするのは、ビデオ ファイルをブロック エディターの段落ブロックにドラッグ アンド ドロップするのと同じくらい簡単です。 WordPress は動画ブロックを生成し、動画をメディア ライブラリに自動的に追加します。

ビデオを追加する方法の詳細については、WordPress にビデオをアップロードしてページまたは投稿に追加する方法を参照してください。

ビデオを埋め込む代わりにアップロードする場合の潜在的な問題は、多くの標準的な Web ホスティング サーバーがストリーミング用に最適化されていないため、読み込み時間が遅くなり、ビデオのバッファリングが発生することです。 ファイル サイズのアップロード制限があり、250MB または 500MB を超える動画ファイルをアップロードできない場合があります。 また、リソースの超過に対して追加のコストが発生する可能性があります。

Jetpack VideoPress を使用すると、サイト管理者から WordPress.com クラウドに動画を直接アップロードでき、Web ホストによるファイルのアップロードやサイト サイズの制限を回避できます。 以下の Jetpack VideoPress を使用する利点についてお読みください。 ビデオをアップロードするための Jetpack サポート ページで、ビデオ ファイル仕様の推奨事項など、ビデオをアップロードする方法の詳細を確認してください。

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

WordPress に動画を埋め込む最も簡単な方法は何ですか?

動画を WordPress に埋め込む最も簡単な方法は、動画の URL を独自の行の段落ブロックに貼り付けることです。 WordPress はリンクを適切なブロック タイプに自動変換し、そこからカスタマイズできます。

次に簡単な方法は、標準のビデオ ブロックまたは YouTube、Vimeo、TikTok ブロックなどの専用ブロックのいずれかのビデオ ブロックを使用することです。 この方法では、選択ウィンドウを起動してブロック タイプを選択するステップが追加されます。

WordPress ブロックとビデオ プラットフォームによって提供される埋め込みコードの間に、ビデオを埋め込むための追加のプラグインは必要ありません。 プラグインを使用する主な理由は、プレーヤーをより細かく制御したり、広告を削除したり、ポストロールのおすすめを制御したり、カスタムの表示権限を設定したりといった高度な機能が必要な場合です。 この場合、最適なオプションは Jetpack VideoPress です。

埋め込み動画の URL が機能しない場合はどうすればよいですか?

動画の埋め込みが失敗する原因はいくつか考えられます。 最初に確認することは、動画または投稿のプライバシー設定です。 動画を共有しようとしているページまたはチャンネルが非公開に設定されているか、特定の動画が特定のサイトにのみ表示されるように設定されている可能性があります。

このような場合、動画を埋め込むのではなく、動画にリンクする必要があります。 自分の動画を埋め込もうとしている場合は、チャンネルと動画のプライバシー設定を調整して、共有できるようにします。

その他の潜在的な原因には、WordPress セキュリティ プラグインやブラウザ拡張機能の問題が含まれます。 たとえば、DuckDuckGo プライバシー拡張機能は、視聴者/訪問者のデータを追跡する Facebook 動画やその他の埋め込み動画をブロックします。

動画を WordPress に埋め込むのではなく、動画にリンクするのはどうですか?

ビデオを埋め込むのではなく、リンクしたい場合があります。 プライバシーと共有の設定により、一部の動画をサイトに埋め込むことができません。 視聴者にそれらを見てもらいたい場合は、それらのビデオにリンクする必要があります。 新しいタブで開くようにリンクを設定して、ビデオを見てタブを閉じた後もサイトを開いたままにします。

WordPress への動画の埋め込みとアップロードの違いは何ですか?

埋め込み

動画をサイトに埋め込むと、ソース サイトがストレージとストリーミングを処理し、サイト所有者のディスク容量と帯域幅を節約します。 大規模なビデオ サイトやソーシャル サイトでは、速度を重視して構築されたサーバーとネットワークが使用されているため、ビデオは高速に開始され、バッファリングなしで再生されます。

埋め込みの欠点には、ブランディングを制御できなくなること、さらに広告や関連動画を挿入して視聴者の気を散らしたり、サイトから離れさせたりすることが含まれます.

アップロード中

動画を WordPress にアップロードすると、共同ブランディングなしで、プレーヤーの外観とコントロールをより詳細に制御できます。

動画をアップロードすることのマイナス面には、動画の読み込み時間とストリーミング速度が遅くなるという潜在的な問題に加えて、最大ファイル サイズと全体的なストレージのホスティング制限があり、それを超えるとコストが高くなる可能性があります。

これらの問題は、Jetpack VideoPress を使用して回避できます。

動画を WordPress にアップロードするための最適なソリューションは何ですか?

Jetpack VideoPress が WordPress サイトに動画をアップロードするための最適なソリューションである主な理由を次に示します。

• コンテンツに集中できます。 VideoPress プレーヤーには、共同ブランディング、気を散らす広告、訪問者を遠ざけるオフサイト リンクはありません。 プレーヤーは、ブランドやサイトの色に合わせてカスタマイズでき、動画の色に合わせて表示を調整する「適応型シークバー」オプションを備えています。
• WordPress専用に設計および構築されています。 Jetpack VideoPress は WordPress 管理画面に完全に統合されているため、簡単に実装して使用できます。
• 最大 60FPS の 4k 解像度で高品質 (HD) ビデオ再生を提供します。 訪問者はプレーヤーの品質セレクターを使用して、480p から 4k まで、視聴したい形式を選択できます。
• 優れたパフォーマンス速度は、ビデオの読み込みが速いことを意味します。 Jetpack VideoPress サブスクリプションには、アダプティブ ビットレートとグローバル CDN による高速ストリーミングが含まれます。
• WordPress.com クラウドでの 1 TB のビデオ ホスティングと、最大 5 GB のファイル アップロードが含まれます。 アップロード、ストレージ、帯域幅の制限による潜在的な問題や追加料金を回避しながら、WordPress.com の信頼性の高いインフラストラクチャを活用してください。

その他の機能は次のとおりです。

• ビデオを独自のウィンドウで開き、見やすくするピクチャ イン ピクチャ ボタン
• 訪問者が再生速度を上げたり下げたりするためのオプション
• 管理者が必要に応じて動画のアップロードを一時停止および再開できるツール 
• サイトの訪問者の閲覧を制限するプライバシー オプション
• 動画をダウンロードできるようにするオプション
• WordPress ダッシュボードからアクセスできる Jetpack 経由の動画統計
• ビデオに字幕、キャプション、チャプターを追加する機能

Jetpack VideoPress の詳細はどこで確認できますか?

VideoPress は Jetpack スイートの一部です。 Jetpack Complete プランに含まれていますが、Jetpack VideoPress プランを別途入手することもできます。 プラグインをインストールして、最大 1 GB のサイズの 1 つのビデオをホストできる無料バージョンをテストしてください。

詳細については、Jetpack.com/videopress/ をご覧ください。