どうも、こんにちは。
友太郎(@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の埋め込みをレスポンシブ対応する
