Hara Daizo WordPressへYouTube動画を載せるだけなら、動画URLを貼り付ける方法が簡単です。再生位置やプライバシー強化モードなどを調整したい場合は、YouTubeが発行する埋め込みコードを使います。
動画ファイルをWordPressへ直接アップロードする方法とは、容量、配信負荷、管理責任が異なります。3つの埋め込み操作と、サイズ調整や再生できない場合の対処を順に見ていきます。
WordPressに動画を表示する方法
用途に応じて、YouTubeの埋め込みか自前配信かを選びます。
| 方法 | 動画の配信元 | 強み | 主な注意点 |
|---|---|---|---|
| URL貼り付け・YouTubeブロック | YouTube | 操作が簡単、サーバー容量を使わない | YouTubeの表示・Cookie・利用規約 |
| iframe埋め込みコード | YouTube | 公式パラメータを調整できる | コードの出所とレスポンシブ表示 |
| 動画ブロックへ直接アップロード | WordPressサーバー | 外部プレーヤーに依存しない | 容量、転送量、変換、再生互換性 |
多くの記事ではYouTube埋め込みが現実的です。限定公開動画でもURLを知る人は視聴できるため、会員限定配信の代用にはなりません。
YouTube動画をWordPressへ埋め込む方法
公開または埋め込み可能な動画を用意し、権利と公開範囲を確かめてから操作します。
URLを貼り付けて埋め込む
YouTubeで対象動画の共有URLをコピーし、ブロックエディターの空の行へ単独で貼り付けます。WordPressが対応する埋め込みとして認識すれば、URLがプレーヤー表示へ変わります。
URLの前後へ文章を同じ段落に入れず、専用の行に置きます。編集画面にプレビューが出た後、公開プレビューでも再生ボタン、比率、スマートフォン幅を確認します。
YouTubeブロックを使う
ブロック追加で「YouTube」を検索し、URLを入力して「埋め込み」を押します。どのブロックが動画を持つかが明確なので、レイアウトを組み替えるときに扱いやすい方法です。
ブロックの幅は、通常、幅広、全幅などテーマが提供する配置から選びます。全幅を選べない場合はテーマがその配置をサポートしていない可能性があり、無理に固定幅を指定するとモバイルで横にはみ出します。
埋め込みコードを使う
YouTubeの「共有」→「埋め込む」でコードを発行し、WordPressの「カスタムHTML」ブロックへ貼ります。再生開始位置やプライバシー強化モードをYouTube側の選択肢で指定してからコピーします。知らないサイトが配布するiframeへ置き換えないでください。
同じように外部投稿を載せる場合でもサービスごとに仕様が違います。写真・リールは「Instagramの埋め込み」、ポストは「X(Twitter)の埋め込み」で操作を分けてください。
埋め込んだ動画のサイズ・表示を調整する
標準の埋め込みブロックはテーマのコンテンツ幅に収まり、動画の縦横比を保つ構成が基本です。最初にブロックの配置とテーマのプレビューで調整し、iframeへ固定ピクセル幅を直接書く方法は最後にします。
カスタムHTMLのiframeがはみ出す場合は、テーマや追加CSSで親要素の幅を100%以内にし、aspect-ratio: 16 / 9を使う方法があります。既存のテーマCSSと競合しないクラス名を付け、PC、狭いスマートフォン、横向きの3条件で確認します。YouTube動画が常に16:9とは限らないため、縦動画には別の比率を指定します。
YouTubeショートや再生リストを埋め込む
YouTubeショートは共有URLを通常のYouTubeブロックで試し、認識されない場合は動画ページの共有機能から公式の埋め込みコードを取得します。縦長動画を16:9の枠へ押し込むと余白や小さな表示になるため、ページの目的に合う幅と比率を選びます。
再生リストはYouTubeの再生リスト画面から「共有」または埋め込み機能を使います。単一動画のURLと再生リストIDを混同しないよう、公開前に2本目へ移動できるか確認してください。非公開、年齢制限、所有者による埋め込み禁止などがある動画は、コードがあっても再生できない場合があります。
動画をWordPressへ直接アップロードする場合
動画ブロックではメディアライブラリのファイルを再生できますが、大きなMP4を通常のWebサーバーから多数配信すると、保存容量と転送量を消費します。アクセス集中時はページや管理画面の処理にも影響しかねません。
直接配信するなら、ホスティングのアップロード上限、CDN、バックアップ容量、映像・音声形式、モバイルでの再生を検討します。複数のビットレートへ自動変換する専用動画配信サービスと違い、ファイルを置くだけでは回線に応じた最適配信になりません。短い操作説明でも、圧縮後の画質と字幕・代替説明を確認します。
動画埋め込みの表示速度を改善する
YouTubeプレーヤーはiframe内で外部リソースを読み込むため、1ページに多数置くと初期表示が重くなります。記事冒頭へ必要性の低い動画を置かず、本文の該当箇所に絞ります。
遅延読み込みに対応するテーマや最適化機能を使う場合は、再生操作時に正しくプレーヤーへ切り替わるかを試します。サムネイルだけを先に表示する仕組みでは、キーボード操作、Cookie同意後の読み込み、キャッシュとの組み合わせも確認します。動画そのものの画質設定を下げても、iframe周辺のスクリプト負荷が必ず解消するわけではありません。
YouTube動画が表示されない・再生できない場合
表示されないときは、次の順で原因を狭めます。
- YouTube上で動画を開き、公開範囲と再生可否を確認する
- URLを段落から分離し、YouTubeブロックへ入れ直す
- 動画所有者が外部サイトへの埋め込みを許可しているか確かめる
- Cookie同意、広告ブロック、セキュリティヘッダーの影響を別ブラウザーで試す
- 最適化・キャッシュ機能を検証環境で一時停止し、遅延処理の競合を調べる
- ブラウザーのコンソールとネットワーク欄で遮断されたドメインを見る
編集者には見えて訪問者に見えない場合は、ログイン状態や同意Cookieの差も比べます。HTMLを何度も貼り直す前に、YouTube側、WordPress側、ブラウザー側のどこで止まっているかを切り分けます。
Cookie・プライバシー・著作権の注意
YouTubeのプライバシー強化モードは、埋め込みプレーヤーのドメインとしてyoutube-nocookie.comを使う選択肢です。それだけで全地域・全設定の同意要件が自動的に満たされるとは限りません。利用する同意管理ツールで、拒否時のプレーヤー表示と外部通信をテストし、プライバシーポリシーへ用途を反映します。
自分が公開した動画か、埋め込みを許された動画だけを使います。埋め込み可能であることと、映像・音楽・人物の権利を侵害しないことは別の問題です。動画をダウンロードして自分のサーバーへ再アップロードする行為も、権利者の許可なく行いません。
よくある質問
公式プレーヤーパラメータで自動再生を指定できますが、ブラウザーは音声付き自動再生を制限することがあります。訪問者の通信量や操作性にも影響するため、再生ボタンで開始する形が無難です。
現在のYouTubeプレーヤーでrel=0を指定しても、関連動画そのものを完全に消す設定ではなく、同じチャンネルの動画へ範囲を絞る動作です。古い解説のパラメータを前提にしないでください。
WordPress固有の一律上限ではなく、PHPとホスティングの設定、サイトの利用枠で変わります。メディア追加画面の最大アップロードサイズを確認し、大容量動画は専用配信サービスも検討します。
まとめ
WordPressへのYouTube埋め込みは、URL貼り付けかYouTubeブロックから始め、細かな設定が必要なときだけ公式の埋め込みコードを使います。表示幅はテーマのレスポンシブ機能を優先し、直接アップロードは容量と配信負荷を見積もって選びましょう。表示トラブルでは動画の公開条件、ブロック、同意・最適化機能の順に調べると原因を絞れます。