【簡単】ワードプレスにYouTube動画を埋め込む方法

どうも、こんにちは。
友太郎(@yutarou_sakai)です。

ワードプレスでホームページ制作やブログをやっていると、YouTube動画を埋め込みたくなることがあるかと思います。

ワードプレスにYouTube動画を埋め込みのは非常に簡単ですので、サクッと紹介します!

ワードプレスにYouTube動画を埋め込む方法

ワードプレスにYouTube動画を埋め込む方法は以下の2つあります。

  • リンクを貼り付けて埋め込み
  • iframeで埋め込み

どちらも動画が表示されるのですが、少し違いがありますので見ていきましょう。

リンクを貼り付けて埋め込み

めちゃめちゃ簡単な方法です。

貼り付けたい動画の再生画面で、共有ボタンをクリック。

URLをコピー

開始位置にチェックを入れて、再生開始時間を選択できます。

そのままワードプレスの記事にURLをコピペすると動画の埋め込みが完了します!
簡単ですね!

iframeで埋め込み

次はiframe埋め込みの方法です。

先ほど同様に再生画面で共有ボタンをクリック。

次は「埋め込む」ボタンをクリック。

コードと再生開始位置の設定ボタン・埋め込みのオプションが表示されます。
特にこだわりがなければ、コードをコピー。

ワードプレスの記事で「カスタムHTML」ブロックに先ほどのコードをコピペするとYouTube動画が表示されます。

ちなみにwidth=”560″とheight=”315″の数字を変更すると表示の大きさ変更できます。
デフォルトでは16:9の比です。

まとめ

YouTubeとブログ・ホームページの連携は必須の時代になっていきましたので、ぜひYouTube動画を埋め込む方法を覚えておきましょう!
正直、リンクを貼り付けるだけで、簡単にYouTube動画を埋め込めるので、一瞬で覚えられちゃうと思います(笑)

もし、スマホ表示でYouTube動画がはみ出してたら以下の記事を参考に修正してみてください!
>>ワードプレスでYouTubeの埋め込みをレスポンシブ対応する