【WordPress】記事に簡単に動画（mpeg）や、YouTube を埋め込む方法

2024年6月8日

記事内に動画を埋め込むことで、読者に「文字」や「絵」だけではない案内をすることができます。

また YouTube などを埋め込むことで記事内で動画を見せることができますので、他サイトへの移動・自サイトからの離脱を避け、記事の滞在率を高める効果も期待できます。

ポイント

本記事では、

記事に簡単に動画（mpeg）や、YouTube を埋め込む方法を解説します。

＼ココナラ成功パターンを詳しく見たい方はこちらをクリックしてください／

1 動画の埋め込み
- 1.1 ■ 自分で撮った動画のサンプル
- 1.2 ■ YouTube 動画の埋め込み
2 動画の埋め込み方法
3 まとめ

動画の埋め込み

WordPress に埋め込むことができる動画は主に次の２種類です。

自分で撮った動画ファイルの埋め込み（サイズ制限あり）
YouTube 動画の埋め込み

■ 自分で撮った動画のサンプル

スマホなどで撮った動画（形式 mp4）を記事に埋め込んだサンプルです。

記事に動画を直接埋め込む場合は、動画のサイズは WordPress にアップした動画そのままになります（デバイスや画面幅によって適切にファイルサイズが縮小されるわけではない）。

そのためサイトの表示速度が重くなる懸念があるものの、常にクオリティの高い映像を提供することが可能です。

■ YouTube 動画の埋め込み

YouTube の動画を記事に埋め込んだサンプルです。

WordPress にアップできる動画にはサイズの上限がありますので、大きい動画の場合は YouTube にアップして埋め込むことも一つの方法です。

また YouTube の動画は、表示するデバイス、画面幅によって適切なファイルサイズの動画を（’YouTube 側が）表示しますので、サイトの表示速度が重くなりにくい特徴があります。

【サンプル作成中】m(__)m

動画の埋め込み方法

■ 動画ブロックで埋め込む

WordPress では、「動画用のブロック」を利用することで動画を埋め込むことができます。

（画像を表示する場合と同じ感覚です）

記事エディタにて「動画ブロック」を選択します

通常の画像（イメージ）を貼る場合と同様に動画ファイル（mp4）を貼ります

動画ブロックのプロパティで動画再生の設定を行うことが可能です。

項目	設定
自動再生	ON で自動再生します。
ループ	ON でループ再生します。
ミュート	ON で音声をミュートします。
プレイバックコントロール	ON で、コントロールバー（再生するバー）を表示します。
インラインで再生	ON でインラインで再生します。
先読み	先読みを設定します。・自動・メタデータ・なし
ポスター画像	サムネイル画像を設定します。

完成です。

ポイント

WordPress のメディア（画像や動画）は（お使いの環境ごとに）最大アップロードサイズが設定されています。

確認する場合は、WordPress の管理画面から「メディア」操作にて「メディアライブラリ」を表示し、[新規作成] 操作をした場合に画面上の表示「最大アップロードサイズ：〇MB」を確認できます。

■ YouTube の動画を埋め込む

WordPress の記事作成で用意している YouTube 用のブロックを利用します。

記事エディタにて「YouTube ブロック」を選択します

埋め込みたい YouTube の URL を貼ります

完成です。

■ Videoショートコードを利用する

Video ショートコードを利用することで、動画とは別にサムネイル画像を設定することが可能です。

WordPress のブロックエディタの段落ブロックにそのまま Video ショートコードを書き込んでください。

■ Video ショートコードを利用する場合のサンプル

[video src="https://xxx/xxx/sample.mp4" poster="https://xxx/xxx/sample.jpg"]

poster プロパティで指定した画像を動画のサムネイルとして利用します。

WordPress のお役立ちテクニックはこちら

まとめ

WordPress に埋め込むことができる動画は主に次の２種類です。

ポイント

自分で撮った動画ファイルの埋め込み
YouTube 動画の埋め込み

記事に埋め込む動画の種類や方向性で、一番良い方法を選んで利用することが可能です。

40代・50代「会社員におすすめ」の在宅でできる副業５選

: 40代・50代「会社員におすすめ」の在宅でできる副業５選（初心者でもできる）

４０代、５０代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では４０代、５０代におすすめの副業５選を紹介します。

続きを見る

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選

: 20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選（初心者でもできる）

２０代、３０代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。２０代、３０代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い（または少ない）主婦におすすめの副業ができれば安心ですね。記事では、２０代、３０代専業主婦におすすめの副業３選を紹介します。

続きを見る

地方がチャンスのおすすめ副業を紹介！

: 【2024年チャンス】地方でノマドで働ける。おすすめ在宅副業を紹介！快適な移住先も紹介します

都会は住みにくい！地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす！おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る