1. コンテンツの追加と変更

ビデオを追加する

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

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

MP4、ogg、WebM、またはYouTubeの動画を追加する

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

動画を追加するには:

  1. ツールボックスを開きます。 Mediaグループで、ビデオコンポーネントをクリックし、ページにドラッグします。

  2. Select the Associated Contentダイアログボックスで、「Create」をクリックします。

  3. Insert itemダイアログボックスで、「Video」をクリックし、「Ok」をクリックします。

  4. ページ上のコンポーネントをクリックし、ビデオツールバーの「 Edit video propertiesをクリックします。

    次の表では、ページでのビデオの表示方法を設定するために指定できるフィールドについて説明します。

    畑

    形容

    YouTube動画ID

    YouTube動画の一意のIDを追加します。YouTubeの動画は、ホストされている動画よりも優先されます。

    ポスター画像

    ビデオを開始する前に、表示する画像を追加します。

    ラベル

    追跡中に使用するタイトルを追加します。

    長さ

    ビデオを追跡する時間を秒単位で指定します。このパラメータは、映画が最後まで視聴されない可能性が高い場合に便利です。たとえば、エンディングタイトルの場合です。

    mp4形式の動画

    mp4形式でビデオを追加します。

    WebM形式の動画

    WebM形式でビデオを追加します。

    ogg形式の動画

    ビデオをogg形式で追加します。

    動画が利用できないときに表示される画像

    訪問者がビデオを再生できない場合に表示される画像を追加します。

    ビデオが利用できないときに表示されるテキスト

    訪問者がビデオを再生できない場合に表示されるエラーメッセージを追加します。

    自動再生

    ビデオを自動的に開始する場合に選択します。

    メモ

    YouTubeの動画は、YouTubeのポスター画像機能のため、モバイル デバイスで自動再生できません。

プロバイダからの動画を追加する

他のプロバイダの動画を追加するには、いくつかの方法があります。たとえば、この手順では、Vimeoビデオを追加する方法の1つについて説明します。

ギャラリーコンポーネントを使用してVimeoビデオを追加するには:

  1. ツールボックスを開きます。 Mediaグループで、Galleryをクリックしてページにドラッグします。

  2. 「 Save」をクリックします。

  3. ギャラリーツールバーで、「 Insert a new item」をクリックします。

  4. Insert itemダイアログウィンドウで、「Gallery video」をクリックし、名前を入力して、「OK」をクリックします。

  5. Gallery videoツールバーで、Edit Gallery video propertiesをクリックします。

  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を追加します。

プレーンHTMLコンポーネントを使用して動画を追加する

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

  1. ツールボックスを開きます。 Page Contentグループで、Plain HTMLをクリックしてページにドラッグします。

  2. 「 Save」をクリックします。

  3. Plain HTMLツールバーで、Edit HTML source in the Content Editorをクリックします。

  4. これで、HTMLコード アイテムがコンテンツ エディターで開きます。 HTML sectionのCodeフィールドに、サービスプロバイダーから提供されたHTMLコードを入力します。

この記事を改善するための提案がある場合は、 お知らせください!