ページを遅くせずにウェブサイトに動画を埋め込む

素晴らしい仲間が揃っています

ウェブサイトへの動画埋め込みでCore Web Vitalsを損なうべきではない

  • YouTubeの埋め込みはページを遅くする

    YouTubeの埋め込みは再生前に500KBのJavaScriptを読み込み、LCPを悪化させ、動画終了時には競合コンテンツでいっぱいの 'up next' レールを表示します。これはあなたのサイトの設計目的に合いません。

  • 自己ホストのMP4はスケールしない

    MP4をCMSにアップロードする方法は最初のトラフィックスパイクまでは機能します。適応ビットレートもCDNもHLSやDASHのラダーもないため、遅い接続のモバイル視聴者はバッファリングして離脱します。

  • サードパーティ製プレーヤーは広告を配信する

    ほとんどの無料ホストはプリロール、ミッドロール、またはプレーヤー内ディスプレイ広告で埋め込みを収益化します。その結果、あなたのプロダクトページが意図の高いトラフィックに対して他社製品の広告を配信してしまいます。

ウェブサイトへの動画埋め込みはコンテンツの判断であると同時にCore Web Vitalsに関わる判断でもあります。YouTubeはLCPを遅延させ競合のおすすめを表示し、自己ホストのMP4は負荷で崩れ、ほとんどの無料ホストはあなたのトラフィックに広告を挿入します。埋め込み向けに構築されたビデオホストのレスポンシブiframeはCDNからの適応ストリーミングを提供し、ページを高速に保ち、プレーヤーでブランドを維持しつつ広告なしで配信します。

iframeをコピーして、任意のCMSやカスタムサイトに貼り付けるだけ

Vimeoはアップロードされた各動画に対してレスポンシブiframe埋め込みを生成します。これをWordPress, Webflow, Squarespace, Shopify, HubSpot, Notion、またはカスタムHTMLテンプレートに貼り付けると、プレーヤーはコンテナ幅に適応し、適応ビットレートでグローバルCDNからストリーミングし、すべてのブラウザとデバイスで動作します。読み込むJavaScript SDKは不要、プレーヤーライブラリのメンテナンスも不要で、ほとんどのCMSでプラグインは必要ありません。
今すぐ始める

レスポンシブiframe埋め込み

iframeはデスクトップ、タブレット、モバイルでコンテナ幅に適応します。アスペクト比は自動的に保持されるため、ページのリサイズ時にプレーヤーが伸びたり切り抜かれたりしません。

広告なしの再生

プリロールなし、ミッドロールなし、'up next' のおすすめなし。埋め込みはあなたの動画だけを表示し、これはプロダクトページやランディングページで視聴者にとって重要です。

グローバルCDNからの適応ビットレート配信

Vimeoはすべてのアップロードに対してフルビットレートラダーを生成し、グローバルCDNからストリーミングします。遅い接続のモバイル視聴者は低いビットレートを受け取り、ファイバー接続のデスクトップ視聴者は最高ビットレートを受け取ります。

任意のCMSやカスタムサイトで動作

WordPress, Webflow, Squarespace, Shopify, HubSpot, Notion, Ghost, カスタムHTML。iframeは標準的なiframeなので、iframeを受け付ける任意の環境でVimeoの埋め込みが機能します。

プレーヤーをカスタマイズしてリードを獲得、プラグインは不要

プレーヤーはカスタマイズ可能です:ブランドカラー、カスタムサムネイル、終了画面、コントロールをサイトに合わせて調整できます。ドメイン制限された埋め込みはプレーヤーを承認済みの許可リストに固定するため、埋め込みコードが漏れても他のサイトでは再生されません。プレーヤー内のメール取得、クイズ、CTAは動画を離れることなく実行できます。有料アップロードには99言語の自動キャプションが標準で付き、視聴者は言語を切り替えられます。
今すぐ始める

ブランドカラーとサムネイルをカスタマイズ可能

プレーヤーのアクセントカラーをブランドに合わせ、カスタムサムネイルを設定してください。埋め込みは他社プラットフォームの汎用プレーヤーではなく、サイトの一部のように見えます。

ドメイン制限付きの埋め込み

プレーヤーを承認済みの許可リストに固定してください。埋め込みコードが漏えいしてもプレーヤーは他のサイトで読み込まれないため、スクレイパーが視聴回数付きであなたの動画を再投稿できません。

プレーヤー内のリード取得とCTA

プレーヤー内にメール取得フォーム、クイズ、またはCTAボタンを挿入できます。視聴者は送信やクリックのために動画を離れないため、ゲート付きコンテンツのコンバージョンが向上します。

99言語の自動キャプション

有料アップロードには編集可能なトランスクリプト付きで99言語の自動キャプションが提供されます。アクセシビリティ、SEO、サウンドオフのモバイル視聴はアップロード時点からカバーされます。

世界中のマーケター、企業、動画のプロに信頼されています

  • 1,000億以上

    動画再生回数(増加中)

  • 700万以上

    毎月アップロードされる動画

  • 40億以上

    毎月ストリーミングされる分数

Vimeoで動画を埋め込むことがサイトを高速に保ち、ブランドを維持する理由

Vimeoのiframe埋め込みはグローバルCDNから適応型ストリーミングを提供し、広告なしで再生され、Core Web Vitalsに配慮し、設置された各ページでブランドを維持します。視聴者を競合コンテンツに誘導する 'up next' レールはなく、トラフィック上にサードパーティ広告も入らず、自己ホストのMP4が負荷で落ちることもありません。マーケター、プロダクトチーム、サイト所有者は、すべてのCMSやカスタムサイトで動作する単一の埋め込みパターンを利用できます。
  • 遅延読み込みオプションでページを高速化

    Vimeoのiframeは遅延読み込みをサポートしているため、コンテナがビューポートに入ったときにプレーヤー資産が読み込まれます。LCPは良好な状態を維持し、上部表示領域の表示を遅らせません。
  • すべてのブレークポイントでレスポンシブ

    iframeはコンテナ幅に合わせて自動的にアスペクト比を保持します。モバイル、タブレット、デスクトップ、モーダルいずれでもプレーヤーはフィットします。
  • 適応ビットレート配信

    すべてのアップロードにフルビットレートラダーが生成されます。3Gのモバイル、ファイバーのデスクトップ、ホテルのWi‑Fiのタブレットなど、すべてが設定なしで適切なビットレートを受け取ります。
  • 常に広告なしのプレーヤー

    プリロールなし、ミッドロールなし、ディスプレイ広告なし。あなたのプロダクトページやランディングページが意図の高いトラフィックに他社の広告を配信することはありません。
  • ブランドカラーとサムネイルをカスタマイズ可能

    プレーヤーのアクセントをブランドに合わせます。カスタムサムネイル、カスタム終了画面、ワークスペースのデフォルトにより、すべての埋め込み動画が同じチームから提供されているような一貫した見た目になります。
  • ドメイン制限付きの埋め込み

    埋め込みを承認済みドメインのリストにロックしてください。iframeコードが漏えいしても他の場所では読み込まれないため、スクレイパーが広告付きで再投稿することを防げます。
  • プレーヤー内CTA、メール取得、クイズ

    プレーヤー内にメールフォーム、CTAボタン、または理解度確認クイズを組み込めます。視聴者はページを離れずにその場でコンバージョンします。
  • 自動キャプションと翻訳

    有料アップロードには99言語の自動キャプションが付き、プレイヤー内の言語切替でさらに数十言語への翻訳が利用できます。1つの埋め込みで世界中の視聴者に届きます。
  • 分析とエンゲージメントヒートマップ

    視聴者がどこで離脱するか、どの部分が再視聴されるか、どの埋め込みがコンバージョンするかを確認してください。そのデータを元に次の動画を改善できます。

Vimeoでウェブサイトに動画を埋め込む方法

埋め込みは1つの設置面につき約1分です。アップロードから公開埋め込みまでの流れは次のとおりです。
  1. ステップ1

    Vimeoにサインインして動画をアップロードしてください。Vimeoは自動的にMP4 H.264へトランスコードし、適応ビットレートラダーを生成するため、設定なしでストリーミングが動作します。
  2. ステップ2

    プレーヤー(ブランドカラー、サムネイル、終了画面)をカスタマイズし、キャプションを追加したり、チャプターマーカーや必要に応じてプレーヤー内のCTAを配置できます。
  3. ステップ3

    Shareを開いてiframe埋め込みコードをコピーしてください。コードを共有する前に任意でドメイン制限を設定し、再生を承認済みサイトに限定できます。
  4. ステップ4

    iframeをCMSブロック(WordPress, Webflow, Squarespace, Shopify)またはカスタムHTMLテンプレートに貼り付けてください。保存してプレビューします。
  5. ステップ5

    埋め込みが公開されたらエンゲージメント分析を確認してください。更新が必要な場合はソースファイルを差し替えて、サイト上の埋め込みコードを変更する必要はありません。

あなたに最適なプランを見つける

    Vimeoは米国に拠点を置く非営利団体および教育機関に対して割引を提供しています。 詳細はこちら

    機能の利用可否に関する詳細は、当社の 料金ページをご参照ください。

    ウェブサイトへの動画埋め込みに関するよくある質問