リッチコンテンツエディターでのビデオの追加

リッチコンテンツエディターのキャンバスを使用して、コンテンツにビデオを追加します。

始める前に

必要なロール：sn_cd.content_manager

[新規コンテンツ] フォームのフィールドに入力します。「リッチコンテンツの作成」を参照してください。

モジュールまたは列を使用してページレイアウトを作成します。

• モジュールは、ヘッダー、パラグラフテキスト、および画像で構成される事前定義されたコンテンツレイアウトです。「リッチコンテンツエディターを使用した事前定義されたコンテンツレイアウトの追加」を参照してください。
• 列は、カスタムレイアウトを定義できるコンテナです。「リッチコンテンツエディターでの列の追加」を参照してください。

このタスクについて

リッチコンテンツエディターは以下のビデオタイプをサポートしています。

• HTML5
  注:

  ホバーテキストまたはツールヒントは、現時点では HTML5 ではサポートされていません。
• YouTube
• Vimeo
• ビデオストリーミングサービス
  注:

  ビデオストリーミングサービスのビデオを使用するようにコンテンツ プロバイダーを構成する必要があります。ビデオホスティング統合フレームワーク を参照してください。

手順

1. [新しいコンテンツ] フォームの [デザイン] タブから [エディターを開く] ボタンを選択して、キャンバスに移動します。
2. [ブロック] 列から、ドラッグアンドドロップ方式で [ビデオ] ブロックをキャンバスに移動します。
3. [設定] タブに移動します。
4. 次のいずれかのスタイリング設定を使用します。

   表 : 1. 設定オプション

   設定フィールド	説明
   スタイリング
   水平配置	コンテナ内でビデオが表示される場所を構成します。右、中央、左のアイコンから選択します。
   詳細なスタイリング コンテナにビデオを挿入すると、デフォルトではビデオはコンテナの全幅になり、高さはビデオの寸法に基づいて自動的に調整されます。
   幅と高さ	数値を入力するか、ビデオの側面をドラッグして、値を指定します。 測定単位を選択します。 px：ピクセル %：パーセンテージ
   マージン	マージンは、行と別の要素/キャンバス境界の間のスペースです。数値を入力して、上、下、右、または左のパディングの値を指定します。
   プロパティ
   タイトル	ユーザーがビデオにカーソルを合わせたときに表示されるテキスト。
   プロバイダー	ビデオがホストされている場所。以下から選択します。 HTML5 ソース Vimeo Youtube ビデオストリーミングコンテンツプロバイダー
   ソース/ビデオ ID	キャンバスに表示するビデオの一意の ID。 HTML5 の場合、ソースはキャンバスに表示するビデオの一意の ID です。 YouTube の場合、ビデオ ID は URL 文字列の v= の後に表示されるテキストです。 Vimeo の場合、ビデオ ID は URL 文字列の末尾に表示されます。
   コントロールを表示 (Youtube および HTML5 ソース)	このボックスをオンにすると、ビデオプレーヤーコントロールが表示されます。ユーザーは、これらを使用して、操作の開始/停止、ボリュームの制御、クローズドキャプションの表示、ビデオの全画面表示、またはビデオ設定の変更を実行できます。

5. [保存] または、[保存して終了] を選択します。
   [保存] を選択するとコンテンツが保存され、リッチコンテンツエディターのキャンバスに留まります。[保存して終了] を選択すると、レコードが保存され、[新規コンテンツ] フォームに戻ります。

次のタスク

• (オプション) コンテンツを翻訳します。

  コンテンツの言語翻訳を要求します。詳細については、「コンテンツライブラリでの多言語サポート」を参照してください。

  注:

  コンテンツの変更が完了した後にのみ、コンテンツを翻訳してください。最良の結果を得るために、翻訳後にコンポーネントを追加または削除したり、書式設定を変更したりすることはお勧めしません。

  異なる言語で異なる書式設定のリッチコンテンツを作成するには、コンテンツを複製し、必要に応じて書式設定を変更します。次に、[対象者] を使用して、言語別にコンテンツの対象をユーザーに絞ります。「対象者」を参照してください。

• [ 公開] タブからコンテンツをプレビューします。
  注:

  コンテンツのプレビューは、コンテンツの表示に関する一般的なアイデアを提供するように設計されています。コンテンツの公開後は、デバイスの解像度、テーマの違い、モバイルアプリのスタイル構成の違いにより、見た目が異なる場合があります。
• 公開計画を構成して、コンテンツの配信先、対象者、利用可能期間を管理します：コンテンツの公開計画の作成