撮った動画をホームページに載せるには。YouTube埋め込みと直接アップロードの違い

会社紹介や商品説明の動画ができあがったら、次はホームページへの掲載です。実は、動画の載せ方には大きく2つの方法があり、どちらを選ぶかで表示速度や管理のしやすさが変わります。この記事では、それぞれの仕組みと使い分けの考え方を解説します。

動画の載せ方は大きく2つあります

1つめは、YouTubeなどの動画サービスに動画をアップロードし、その動画をホームページに埋め込む方法です。埋め込みとは、動画サービス上の動画を、自社のホームページのページ内で再生できるように表示することを指します。

2つめは、動画ファイルそのものを、ホームページのデータを置いているサーバーにアップロードして再生する方法です。こちらは外部サービスを介さず、自社のサーバーから直接動画を配信する形になります。

どちらが正解というものではなく、動画の役割によって向き不向きが分かれます。順に見ていきましょう。

YouTube埋め込みの特徴

YouTube埋め込みの最大の利点は、自社サーバーに負担がかからないことです。動画の配信はYouTube側の設備が担うため、動画の容量が大きくても、ホームページの表示や動作への影響を抑えられます。視聴者の回線速度に応じて画質を自動調整してくれるのも、自前では実現しにくい機能です。動画のアップロード自体に費用はかからないため、始めるハードルが低いことも利点です。

また、YouTube上でも動画が公開されるため、検索やおすすめ経由で見てもらえる可能性があります。URLを知っている人だけが視聴できる公開設定を使えば、YouTube内の検索には出さず、ホームページの埋め込みだけで見せることもできます。

注意点は、再生終了後などに関連動画が表示される場合があることです。文脈と関係ない動画が出ることを避けたい場面では、気になるかもしれません。

もう1つの利点として、再生回数や、どこまで見られたかといった視聴のデータを確認できることがあります。作った動画がどれくらい見られているかが分かると、次の動画づくりの改善材料になります。

サーバーへの直接アップロードの特徴

直接アップロードの利点は、見た目を完全に自社ページ内で完結できることです。他社サービスのロゴや関連動画が表示されず、背景で静かに再生される演出(トップページの背景動画など)にも向いています。

一方で、動画ファイルは写真に比べて桁違いに容量が大きく、サーバーの容量を圧迫します。また、複数の人が同時に視聴すると、サーバーからの転送量が増え、ホームページ全体の表示が遅くなる原因にもなります。契約しているレンタルサーバーの容量や転送量の目安を超えないよう、注意が必要です。

直接載せる場合は、動画を短く(数十秒程度に)まとめ、容量を圧縮したうえで使うのが基本です。

また、直接載せる場合は動画の形式にも注意が必要です。一般的にはMP4という形式が広く対応しています。背景で自動再生させる場合、多くのブラウザでは音声付きの自動再生が制限されているため、音なしで内容が伝わる映像にしておく必要があります。

使い分けの考え方

整理すると、会社紹介・商品説明・採用動画のように「内容をしっかり見てもらう動画」はYouTube埋め込みが向いています。サーバーへの負担がなく、長い動画でも安定して再生できるためです。

一方、トップページの背景で流す短い雰囲気動画のように「演出として使う動画」は、短く軽くしたうえで直接アップロードする方法が向いています。1つのホームページ内で両方を使い分けることも、もちろん可能です。

どちらの方法でも、再生前に表示される静止画(サムネイルと呼ばれます)は動画の顔になります。内容が一目で分かる画像を用意しておくと、再生してもらえる確率が上がります。撮影した動画から良い場面を切り出すだけでも、何も設定しない状態よりずっと印象が良くなります。

なお、どちらの方法でも、スマートフォンで見たときに問題なく再生されるか、通信量が過大にならないかを公開前に確認しておきましょう。特に埋め込みの場合、パソコンでは問題なくても、スマートフォンでは再生ボタンが小さく押しにくいといったことが起こりがちです。実際の機器で一度再生してみるのが確実です。

まとめ

動画の掲載方法は、YouTubeなどの埋め込みと、サーバーへの直接アップロードの2つに大別され、それぞれ向いている用途が異なります。基本は埋め込みを軸にし、演出用の短い動画だけ直接載せる、という使い分けが管理しやすい形です。すでに動画を載せているホームページでも、表示が遅いと感じる場合は、載せ方を見直してみる価値があります。動画は作って終わりではなく、届け方まで含めて設計することで、初めて役割を果たしてくれます。

本記事の情報について
本記事は公開日時点で調査・検証した内容を掲載しています。掲載後のアップデートや仕様変更により、記載の手順・画面・価格などが現在と異なる場合があります。内容には十分注意を払っていますが、正確性・完全性を保証するものではありません。本記事を参考にした結果生じた損害等について、当方では責任を負いかねますので、あらかじめご了承ください。

X