この記事のレベル

初心者	（3.0）
重要度	（3.0）
難しさ	（2.5）

こんにちは、編集長のカワウソです！

「自社のホームページにYouTube動画を埋め込みたい」と考えていませんか？

動画は、文章や画像（静止画）よりも多くの情報をユーザーに届けられるため、ホームページで活用したいと考えている方も多いことでしょう。

そこで今回は、YouTube動画をホームページに埋め込む方法を解説します。

この記事を読めば、埋め込んだYouTube動画を自動再生させたり、開始位置を指定したりといったような、カスタマイズ方法も分かります。

なお、本記事は2024年4月時点での内容です。
YouTube側の仕様変更があった場合は、うまくいかない可能性があることを予めご了承ください。

それではどうぞ！

（基本）YouTube動画を埋め込む方法

まず基本として、ホームぺージにYouTube動画を埋め込む方法を解説します。

この記事で紹介するのは、「埋め込みコードをコピーして、ホームページに貼り付ける方法」です。

この方法なら、WordPressはもちろん、さまざまなホームページの作り方にも対応できるでしょう。

それでは、解説します。

（応用）YouTube動画をカスタマイズする方法

ここからは、ホームぺージに埋め込んだYouTube動画をカスタマイズする方法を解説します。

この記事で紹介するカスタマイズメニューは、以下のとおりです。

※関連動画の非表示は、2018年9月25日以降できなくなりました。
（参考：YouTube 埋め込みプレーヤーとプレーヤーのパラメータ ）

なお、「サイズを変更する」以外のカスタマイズについては、埋め込みコードのなかにある動画URL（以下の赤い部分）に、パラメータを追加することで実現できます。

パラメータとは、URL末尾につける変数のこと。
一般的には「?」を付けたあとに、パラメータの値を入力（例：?rel=0）しますが、YouTubeの場合は注意が必要です。

2024年4月現在、YouTubeの埋め込みコードには、デフォルトで「?si=」から始まるパラメータが付与されていますよ。
これは、YouTube側が自動付与するパラメータです。

そのため、このあと解説するパラメータは「?」ではなく、「&」で追記してください。
「&」を用いれば、複数のパラメーターを追加できます。

詳しくは、それぞれの項目で解説しますね。

動画のサイズを変更する

YouTube動画のサイズを変更するには、埋め込みコードのなかの「width（ウィズ：横幅）」と「height（ハイト：縦幅）」の値を指定します。

このとき気を付けたいのが、動画のアスペクト比（縦横比）を16：9にすることです。 
YouTube動画は、基本的に16：9で作られています（ショート動画は9：16）。

インターネットで「16：9 サイズ算出ツール」などと検索すると、いくつか自動計算ができるサイトがでてくるので、利用すると便利ですよ。

実際に、デフォルトの「width=”560″ height=”315″」 と、当メディアの記事本文エリアの横幅にあわせた「width=”710″ height=”399″」 を見比べてみましょう。

▼width=”560″ height=”315▼

▼width=”710″ height=”399▼

自動再生させる

動画を自動再生させるには、パラメーター「autoplay」を追加してください。

また、音声をオフにするためのパラメータ「mute」を併用しましょう。
自動再生で音声まで出してしまうと、ユーザーが驚いてしまうかもしれません。

パラメータ	説明
autoplay	「autoplay=1」→自動再生されます。
mute	「mute=1」→音声は再生されません。

実際に埋め込んだのが、以下です。

▼自動再生（音声はオフ）▼

開始位置と終了位置を指定する

開始位置と終了位置を指定するには、パラメータ「start」と「end」を使用してください。

パラメータ	説明
start	（例）「start=60」→60秒（1分）から開始されます。
end	（例）「end=70」→70秒（1分10秒）で終了します。

▼開始60秒　終了70秒▼

関連動画を自社チャンネル内に限定する

YouTube動画は再生が終了すると、関連動画が表示されます。
もし、他のチャンネルの動画が表示されたら、ユーザーが離脱してしまうかもしれません。

そのため、関連動画を非表示にしたいと考える方もいると思います。
しかし、関連動画の非表示は、2018年9月25日以降できなくなりました（参考：YouTube 埋め込みプレーヤーとプレーヤーのパラメータ ）。

そのため、関連動画を自社のチャンネル内に限定することが代替案になります。

関連動画を自社チャンネル内に限定するには、パラメータ「rel」を使用してください。

パラメータ	説明
rel	「rel=0」→関連動画は自社のチャンネルの動画のみになります。

実際に埋め込んだのが、以下です。

▼関連動画は自社のチャンネルのみ▼

コントロール（操作機能）を非表示にする

再生ボタンや動画進行状況バナーなどの、プレイヤーコントロールを非表示にするには、パラメータ「controls」を使用してください。

実際に埋め込んだのが、以下です。

▼コントロールの非表示▼

全画面表示ボタンを非表示にする

全画面表示ボタンを非表示にするには、パラメータ「fs」を使用してください。

パラメータ	説明
fs	「fs=0」→全画面表示ボタンは表示されません。

実際に埋め込んだのが、以下です。

▼全画面表示ボタンの非表示▼

繰り返し再生（ループ）させる

繰り返し再生（ループ）させるには、繰り返し用「loop」と対象動画を指定する「playlist」パラメータを使用してください。

パラメータ	説明
loop	「loop=0」→繰り返し再生されません。 「loop=1&playlist=VIDEO_ID」→繰り返し再生されます。

VIDEO_IDは、以下埋め込みコードの青文字部分のことです。

実際に埋め込んだのが、以下です。

▼繰り返し再生▼

YouTube動画をホームページに埋め込むメリット

ここからは、YouTube動画をホームページに埋め込むメリットについて、以下の2つの視点から解説します。

動画そのもののメリット

ホームページに動画を埋め込むメリットは、主に以下の2つです。

詳しくは、以下の記事で解説しています。

動画のアップロード先にYouTubeを使用するメリット

ホームページに動画を掲載するためには、主に以下2つの方法があります。

そのうえで、動画のアップロード先にYouTubeを使用するメリットとしては、以下の3つが考えられます。

YouTubeは無料で使用可能です。

無料であるにも関わらず、YouTubeにアップロードできる動画の数には、基本的に制限がありません。※動画の尺や1日のアップロード数には制限がありますが、困ることは少ないでしょう。

一方、自社のサーバーに動画をアップロードする場合は、ディスク容量を消費することになります。

圧縮により動画の容量を減らしていたり、アップロードする本数が少なかったりすれば、ディスク容量の消費が問題になることは考えにくいです。

しかし、容量の大きい動画を数多くアップロードする場合は、サーバーのディスク容量を圧迫することになります。

もし、サーバーのディスク容量に空きがなくなったら、ホームぺージ自体表示できなくなるかもしれません。

そのほか、YouTubeに動画をアップロードすれば、そのプラットフォームに滞在するユーザーにも見てもらえる可能性があります。

YouTube動画の埋め込みに関する注意点

YouTube動画の埋め込みには、いくつか注意点があります。

ここでは、主な注意点3つについて、解説します。

著作権を侵害してしまうおそれ

YouTubeの機能を用いずに、ホームぺージに他者の動画を埋め込んでしまうと、著作権を侵害してしまうおそれがあります。

以下、YouTube利用規約の一部です。

他のユーザーへのライセンス付与
また、お客様は、本サービスを利用する他の各ユーザーに対して、本サービスを通じてコンテンツにアクセスし、（動画の再生や埋め込みなど）本サービスの機能によってのみ可能な方法で、複製、配信、派生的著作物の作成、展示、上演などのかたちでコンテンツを使用する世界的、非独占的な無償ライセンスを付与するものとします。明確にするために付記すると、このライセンスは、本サービスから独立した方法でコンテンツを使用する権利や権限を与えるものではありません。

（引用：YouTube利用規約）

たとえば、YouTube動画をダウンロードして、自社のサーバーにアップロードしてホームぺージに埋め込む行為はNGです。

なお、YouTube動画の投稿者は、埋め込み自体を無効にできます（参考：YouTube ヘルプ「動画と再生リストを埋め込む」）。

つまり、埋め込みが許可されている動画については、YouTubeの機能で埋め込めば、基本的に問題がないと言えます。

ただし、YouTubeの機能を用いて埋め込んだとしても、コンテンツ自体が著作権を侵害している場合もあるかもしれません（例：違法アップロード動画など）。

YouTube動画に限らず、他者のコンテンツを自社のホームぺージで利用する場合は、注意しましょう。

広告が表示されてしまうおそれ

ホームページに埋め込んだYouTube動画に、広告が表示されることがあります。

埋め込み動画には、スキップ可能なインストリーム広告またはスキップ不可のインストリーム広告が表示されることがあります。

（引用：YouTube ヘルプ「埋め込み動画上の広告」）

つまり、自社のホームページに他者の広告が表示されてしまうということ。
自社のイメージダウンにつながったり、ユーザーが離脱する原因になったりするおそれがあるでしょう。

広告の表示が懸念される場合は、YouTube以外の方法で動画を埋め込んでください。

たとえば、WordPressの場合は「動画ブロック」があり、メディアライブラリにアップロードした動画をページに挿入することが可能です。

詳しい手順は、以下の記事で解説しています。

ページの読み込み速度が遅くなるおそれ

YouTube動画を挿入することで、ページの読み込み速度が遅くなるおそれがあります。

動画のデータ量は、テキストや画像よりも多いためです。
データ量が多ければ多いほど、ページの読み込み速度は遅くなります。

とくに、1ページに複数のYouTube動画を埋め込む場合は、注意しましょう。

なお、ページの読み込み速度（サイトスピード）については、以下の記事で詳しく解説しています。

まとめ

この記事では、ホームページにYouTube動画を埋め込む方法について解説しました。

また、カスタマイズ方法をはじめ、YouTube動画を埋め込むメリットや注意点も解説したので、参考になったのではないでしょうか。

近年、企業においても、YouTubeなどの動画はマーケティングに活用されています。

当社でも複数のチャネルを解説していますよ。

エックスサーバー株式会社
タメブロch【初心者のためのブログ始め方講座】
ゼロから始めるマイクラサーバー運用ガイド

ぜひ、この記事を参考に、YouTube動画をうまく活用してみてください。

それでは、最後まで読んでいただき、ありがとうございました。

ホームページの開設を検討している方へ

※ 2023年10月時点、W3Techs調べ。

当メディア「初心者のための会社ホームページ作り方講座」では、初心者の方にわかりやすく会社のホームページを始められる方法を紹介しています！

これから始める方はこちらのホームページの作り方をぜひご覧ください！

ホームページの始め方・立ち上げに関する、ご質問・ご相談はツイッターDM( @kawauso_xsv )までお気軽にどうぞ！