WordPressへYouTube動画を埋め込む基本手順は、公開動画のURLをコピーし、本文の空行へ貼り付けて埋め込みへ変換する方法です。動画ファイルをWordPressへ直接アップロードする必要はありません。この記事ではURLの取得、埋め込み、配置変更、削除、表示されない場合、スマートフォン確認まで説明します。
YouTube埋め込みでできること
埋め込みを使うと、YouTube上の動画プレーヤーをWordPressの記事内へ表示できます。読者は記事を離れずに再生でき、文章だけでは伝わりにくい操作や動きを補足できます。
動画は記事の代わりではありません。再生できない環境や音を出せない読者もいるため、結論、重要な手順、注意点は本文にも書きます。動画を見ると理解しやすい位置へ補足として置きます。
埋め込む前に確認すること
動画の公開範囲を確認します。非公開動画は一般の読者が再生できません。限定公開動画はURLを知る人が視聴できるため、記事を公開すると実質的に多くの人へURLを知らせることになります。公開してよい内容か判断してください。
動画のタイトル、投稿者、内容が記事の説明と一致することも確認します。他者の動画は、埋め込みの可否、利用条件、公開状態を確認し、必要なら公式チャンネルや一次情報を優先します。動画が削除されても記事の答えが失われない構成にします。
YouTubeで共有URLをコピーする
- 埋め込みたいYouTube動画のページを開きます。
- 動画タイトルと投稿者を確認します。
- 動画の下にある「共有」を押します。
- 表示されたURLの「コピー」を押します。
- WordPressの編集画面へ戻ります。
ブラウザ上部のURLをコピーしても埋め込める場合がありますが、共有ボタンから取得すると余分な一覧ページURLを避けやすくなります。再生開始位置を指定したURLを使う場合は、記事の説明とその位置が一致するか確認します。
URLを貼って動画を埋め込む手順
- 投稿または固定ページの編集画面を開きます。
- 動画を置きたい場所へ空の段落を作ります。
- コピーしたYouTube URLを単独の行へ貼り付けます。
- Enterキーを押し、埋め込みへの変換を待ちます。
- 動画のサムネイルやプレーヤーが表示されたことを確認します。
- 右上の「下書き保存」を押します。
URLの前後に説明文を同じ段落へ入力すると、通常リンクのままになることがあります。URLだけを独立した行へ貼り、その後で動画の上または下へ説明文を追加します。
YouTubeブロックから追加する方法
空の場所の「＋」を押し、「YouTube」と検索してYouTubeブロックを選ぶ方法もあります。表示された入力欄へ共有URLを貼り、「埋め込み」を押します。
通常の「埋め込み」ブロックを選び、URLを入れる方法もあります。どちらでも、プレーヤーへ変換されたことと、プレビューで再生できることが完成の目印です。
URLの後ろに「この動画を見てください」と続けて書いたら、青い文字リンクのままでした。
URLだけの行へ分ける必要があるんですね。
そうですね。
空の行へURLだけを貼るか、YouTubeブロックの入力欄へURLを入れてください。
サムネイルと再生ボタンが出たら、埋め込みに変わったと判断できますね。
説明文はその上へ別の段落で書いてみます！
その方法なら分かりやすいです。
保存後はプレビューを開き、実際に再生を始められるか確認しましょう。
動画の前後へ説明を書く
動画の前には、何が分かる動画か、どの場面に注目するかを書きます。「管理画面での操作を2分で確認できます」のように、見る目的が分かる説明にします。音声がある場合は、音が出ることも必要に応じて伝えます。
動画の後には、重要な結論や次に行う操作を書きます。動画だけにパスワード、URL、期間限定条件など重要情報を任せると、更新時に本文との不一致が起きます。記事本文を基準に管理します。
動画の配置を変更する
埋め込みブロックを選ぶと、ツールバーから左寄せ、中央、幅広、全幅などを選べる場合があります。利用できる配置はテーマによって異なります。本文幅の中央に置く基本表示から確認してください。
全幅にすると目立ちますが、動画が記事の主題以上に大きく見える場合があります。スマートフォンでは画面幅に合わせて縮むこと、ページ全体に横スクロールが出ないことを確認します。
キャプションを付ける
テーマやWordPressのバージョンによって、埋め込みブロックの下へキャプションを入力できます。動画タイトル、投稿者、補足など、動画を特定する短い情報を書きます。
キャプションへ長い説明を詰めず、重要な内容は通常の段落へ書きます。他者の動画なら、投稿者や公式チャンネルへの言及も検討し、読者が情報源を理解できるようにします。
スマートフォン表示を確認する
- 編集画面右上のプレビューを押します。
- モバイル表示を選びます。
- 動画が画面の横幅を超えていないか見ます。
- 上下の説明文が読めるか確認します。
- 再生ボタンを押せるか確認します。
- 再生開始後に操作ボタンが使えるか見ます。
- ページ全体が横方向へ動かないか確認します。
編集画面のプレビューだけでなく、保存後の公開URLを実際のスマートフォンで開きます。通信量を気にする読者もいるため、自動再生を前提にした構成は避けます。
動画を差し替える方法
別の動画へ変える場合は、埋め込みブロックを選び、ツールバーの編集アイコンからURLを変更できるか確認します。変更欄が見つからない場合は、新しいYouTubeブロックを追加して新URLを埋め込み、再生確認後に古いブロックを削除します。
差し替えたら、動画前後の説明、タイトル、再生開始位置が新しい内容と一致するか読み直します。サムネイルが変わっただけで完了にせず、実際の再生内容を確認します。
埋め込み動画を削除する
リスト表示からYouTubeまたは埋め込みブロックを選び、三点メニューから「削除」を押します。動画前後の文章が「上の動画」「動画のとおり」と参照している場合は、その文章も修正します。
誤って削除した直後は、編集画面上部の「元に戻す」を押します。保存後に気づいた場合はリビジョンから確認できますが、ほかの変更も戻る可能性があります。
YouTubeが表示されないとき
URLが通常リンクのまま
URLを単独の行へ貼り直すか、YouTubeブロックへ入力します。URLの前後に空白以外の文字がないか確認します。
「埋め込めません」と表示される
動画ページをブラウザで開き、公開状態とURLを確認します。投稿者が埋め込みを許可していない動画や、視聴制限がある動画は表示できない場合があります。
プレビューで再生できない
ブラウザの追跡防止、広告ブロック、Cookie設定などの影響を切り分けるため、別ブラウザや実機で試します。動画自体が削除・非公開になっていないかも確認します。
スマホで横にはみ出す
独自HTMLのiframeへ固定幅を指定していないか確認します。標準のYouTubeブロックへ戻し、幅広や全幅の設定を解除して再確認します。
動画を直接アップロードしない方がよい理由
大きな動画ファイルをメディアライブラリへ直接入れると、サーバー容量や通信量を多く使い、端末ごとの再生形式にも対応が必要です。YouTubeで公開する前提の動画なら、埋め込みを使う方が管理しやすくなります。
ただし、限定公開情報や社内向け動画をYouTubeへ置くべきという意味ではありません。公開範囲と必要な保護を先に決め、目的に合う配信方法を選びます。
動画を貼れたら終わりではなく、本文にも大切な手順を残すんですね。
動画が見られない人にも答えが伝わる記事にします！
はい。
動画は理解を助ける補足として使い、記事だけでも読者が目的を達成できるようにしましょう。
URLを単独で貼って、サムネイルと再生を確認します。
スマホでは横幅と操作ボタンまで見れば、安心して公開できそうです！
その順番で大丈夫です。
動画の公開状態や内容が変わったときは、本文と一緒に見直してください。
WordPressをこれから始める方へ
YouTube埋め込みを使って記事を作るには、WordPressを動かす環境が必要です。これからサイトを用意する方や、現在の管理環境を見直したい方は、WordPress導入機能があるサーバーを候補にできます。すでに現在の環境で安定して運用できている方は、この記事を理由に乗り換える必要はありません。
エックスサーバー
WordPressクイックスタートに対応し、契約とWordPress設定をまとめて進められます。料金、契約期間、キャンペーン条件は公式ページで最新情報を確認してください。
エックスサーバーの公式ページを確認するまとめ
YouTube動画は、共有URLをWordPressの空行へ貼るか、YouTubeブロックへ入力して埋め込みます。公開範囲と内容を確認し、動画の前後には目的と重要な手順を書きます。保存後はパソコンとスマホで再生、リンク、横幅を確認し、動画がなくても本文で答えが分かる状態にしてください。
よくある質問
限定公開動画を記事へ埋め込めますか？
URLで表示できる場合がありますが、公開記事へ埋め込むと多くの読者が視聴できます。公開してよい内容かを先に判断してください。
動画の途中から再生できますか？
共有時に開始位置を指定できる場合があります。埋め込み後に指定位置から再生されるか、本文の説明と一致するか確認します。
YouTube動画だけの記事でもよいですか？
動画を再生できない読者や検索から答えを探す読者のため、要点と手順は文章でも用意します。