---
title: "動画を追加してください"
slug: "add-a-video"
abstract: "SXAページに動画を追加する方法を学びましょう。"
---
# 動画を追加してください

動画をページに追加する方法はいくつかあります。このトピックでは、メディアライブラリや他のプロバイダーからの動画の追加方法について説明します。

## MP4、ogg、WebM、YouTubeの動画を追加してください

デフォルトのSXAビデオコンポーネントは、メディアライブラリに保存されているかウェブサーバー上で直接ホストされているMP4、ogg、WebM動画を視聴するためのプレーヤーを埋め込んでいます。または、YouTubeの動画IDを指定することも可能です。

動画を追加します:

1.  ツールボックスを開きます。 **メディア** グループで「ビデオ」コンポーネントをクリックし、ページにドラッグします。
    
2.  **「関連コンテンツ選択**」ダイアログボックスで**「作成**」をクリックします。
    
3.  アイテム **挿入** ダイアログボックスで「 **ビデオ** 」をクリックし、「 **OK」**をクリックします。
    
4.  ページのコンポーネントをクリックし、ビデオツールバーで **「ビデオプロパティ編集**」をクリックしてください。
    
    以下の表は、動画の表示方法を設定するために指定できるフィールドを説明しています。
    
    フィールド
    
    概要
    
    YouTubeビデオID
    
    YouTube動画のユニークなIDを追加してください。YouTube動画はホスト動画よりも優先されます。
    
    ポスター画像
    
    動画を始める前に表示する画像を追加してください。
    
    レーベル
    
    トラッキング中に使うためにタイトルを追加してください。
    
    長さ
    
    動画を秒単位で追跡する時間を指定してください。このパラメータは、映画が最後まで観られない可能性が高い場合に役立ちます。例えば、エンディングタイトルのためです。
    
    mp4形式の映画
    
    動画をmp4形式に追加してください。
    
    WebM形式の映画
    
    動画をWebM形式で追加してください。
    
    オッグフォーマットの映画
    
    動画をogg形式で追加してください。
    
    映像が利用できない場合に表示される画像
    
    訪問者が動画を再生できないときに表示される画像を追加してください。
    
    ビデオが利用できない場合に表示されるテキスト
    
    訪問者が動画を再生できないときに表示されるエラーメッセージを追加してください。
    
    自動再生
    
    動画を自動で開始する設定を選択してください。  
      
    \> \[!注\]  
    \> YouTubeの動画は、YouTubeのポスター画像機能のため、モバイルデバイスで自動再生できません。
    

## プロバイダーからの動画を追加してください

他のプロバイダーからの動画を追加する方法はいくつかあります。例えば、この手順はVimeoの動画を追加する方法の一つを説明しています。

ギャラリーコンポーネントを使ってVimeoの動画を追加するには:

1.  ツールボックスを開きます。 **メディア** グループで **ギャラリー** をクリックし、ページにドラッグします。
    
2.  **「保存**」をクリックします。
    
3.  ギャラリーのツールバーで ![SXA-Gallery-Insertnewitem.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/103/sitecore-experience-accelerator/images/SXA-Gallery-Insertnewitem.png)**新しいアイテムを挿入**する」をクリックします。
    
4.  「 **アイテム挿入** 」ダイアログウィンドウで「 **ギャラリー動画**」をクリックし、名前を入力して **「OK」**をクリックします。
    
5.  **ギャラリーの動画**ツールバーで**「ギャラリーの動画プロパティを編集**」をクリックします。
    
6.  以下の項目に記入してください:
    
    フィールド
    
    概要
    
    提供者
    
    動画プロバイダーを選択してください。選択肢はYouTube、DailyMotion、Vimeoです
    
    ビデオID
    
    動画IDまたはURLを入力してください。
    
    タイトル
    
    ビデオのタイトルを入力してください。
    
    概要
    
    動画の説明を入力してください。
    
    カスタムローカルサムネイル
    
    動画用のサムネイルを追加してください。指定がなければ、そのサムネイルは動画提供者から取得します。
    

> !注Vimeoは公開動画への直接リンクのみをサポートしています。 https://player.vimeo.com/video/<ID> とhttps://vimeo.com/<ID>の形式を使用できます。

> !ヒントYouTube動画の場合、*/sitecore/media library/Base Themes/Components Theme/Scripts/component-video*でcomponent-video.jsファイルを設定することでクローズドキャプションを追加できます。YouTubeプロパティのimageQualityの直後にcc\_load\_policy: 1を追加します。

## 動画を追加するにはPlain HTMLコンポーネントを使ってください

プレーンHTMLコンポーネントを使って動画を追加するには:

1.  ツールボックスを開きます。 **ページコンテンツ** グループで **「プレーンHTML** 」をクリックしてページにドラッグします。
2.  **「保存**」をクリックします。
3.  **プレーンHTML**ツールバーで、**コンテンツエディターの「HTMLソース編集**」をクリックします。
4.  あなたのHTMLコード項目はコンテンツエディターで開きます。 **HTMLセクション**の **コード** 欄で、サービスプロバイダーが提供するHTMLコードを入力してください。