ULIZAヘルプセンター

チャプター付きの動画配信

対象サービス


  • ULIZA Standard
  • ULIZA Pro
  • ULIZA FLEX Ⅱ
  • ULIZA EVENT STREAM(※)
  • ULIZA mini(※)

 

概要


動画配信におけるチャプター付き配信の手順について説明します

 

▼例:チャプター機能を有効にしたプレイヤーのイメージ

0-1.png

 

▼例:チャプターリストをプレイヤー右側に表示した場合のイメージ

0-2.png

 

手順


【手順1】対象コンテンツにチャプターを設定する

①「コンテンツの管理」にある対象コンテンツのコンテンツ名をクリックします

1-1.png

 

②「チャプター」タブの「チャプターの追加」をクリックします

1-2.png

 

③以下項目を入力して「保存」ボタンをクリックします 

  • 再生開始位置:チャプター選択した際に再生開始する位置(〇分〇秒時点)を入力します
  • チャプタータイトル:チャプターに表示するタイトルを入力します
  • サムネイル画像:チャプターに表示する画像を選択します
    1-3.png
     

【手順2】チャプター表示用のプレイヤー設定を作成する

①「プレイヤープリセットの管理」にて、対象のプレイヤープリセットの「編集」ボタンをクリックします

※新たにチャプター表示用のプレイヤー設定を作成する場合は、「プリセット追加」ボタンをクリックします

2-1.png

 

②「チャプター」セクションの「有効にする」にチェックを入れます

③「詳細設定」をクリックし、各項目を任意で編集します

④編集後、保存ボタンをクリックします

2-2.png

 

▼「チャプター」機能の各項目

項目名 詳細
有効にする チャプター機能の有効/無効を指定します
次チャプターボタン表⽰を有効にする

次チャプターボタン表⽰の有効/無効を指定します

前チャプターボタン表⽰を有効にする 前チャプターボタン表⽰の有効/無効を指定します
チャプターリスト表⽰を有効にする チャプターリスト表⽰の有効/無効を指定します
チャプターリスト表⽰位置 表⽰位置を指定します。この項⽬はチャプタープレイヤー以外では指定できません
チャプター領域ターゲットエレメントID チャプター領域ターゲットエレメントIDを指定します。指定したIDを持つHTMLエレメント(divエレメントなど)の⼦エレメントとしてチャプター領域を埋め込みます
チャプターリスト⽂字⾊ チャプターリストの⽂字⾊を指定します
チャプターリスト⽂字⾊(選択時) 選択時の⽂字⾊を指定します
チャプターリスト⽂字⾊(ホバー時) ホバー時の⽂字⾊を指定します
チャプターリストの時間の⽂字⾊ 時間の⽂字⾊を指定します
チャプターリストの時間の⽂字⾊(選択時) 選択時の時間の⽂字⾊を指定します
チャプターリストの時間の⽂字⾊(ホバー時) ホバー時の時間の⽂字⾊を指定します
チャプターリスト背景⾊ 背景⾊を指定します
チャプターリスト背景⾊(選択時) 選択時の背景⾊を指定します
チャプターリスト背景⾊(ホバー時) ホバー時の背景⾊を指定します
チャプターリストスクロールバー背景⾊ スクロールバー背景⾊を指定します
チャプターリストスクロールバーつまみ⾊ スクロールバーつまみ⾊を指定します

 

⑤「プレイヤーの管理」にて、対象のプレイヤーIDの「プリセット連携」ボタンをクリックします

2-5.png

 

※新たなプレイヤー設定を作成する場合は、「プレイヤー追加」ボタンをクリックし、以下項目を入力して「保存」ボタンをクリックします

▼プレイヤー設定の各項目

分類 項目名 詳細
- プレイヤーID(※) プレイヤーの識別⼦を指定します
半⾓英数および記号 -_ が指定できます
登録済みのプレイヤーと同⼀のプレイヤーIDは指定できません
- 説明 プレイヤーの説明を指定します
API 限定する プレイヤーの取得をプレイヤータグAPIのみに限定するかどうかを指定します
限定する場合は、プレイヤータグおよびプレイリストタグとプレイリストタグAPIを用いた配信が無効になります
アカウントに「API認証キーの取得」権限が必要です

 

⑥上記手順で用意したプリセットを選択し、「決定」ボタンをクリックします

2-6.png

 

【手順3】対象コンテンツのプレイヤータグまたは視聴ページを発行する

動画配信には以下2つの方法があります

A.ULIZA管理画面にてプレイヤータグ(HTMLのタグ)を生成して、貴社サイト内に埋め込みます

B.ULIZA管理画面にて視聴ページ(URL)を発行します

 

A.プレイヤータグを生成して貴社サイトに埋め込む方法

①「コンテンツの管理」にて、対象コンテンツのプレイヤータグ発行ボタンをクリックします

3-1.png

 

②事前に作成したチャプター表示設定を適用したプレイヤーIDを選択します

③画面に表示されたプレイヤータグをコピーして、貴社サイト内に埋め込みます

3-2.png

 

B.視聴ページ(URL)を発行する方法

①「コンテンツの管理」にて、対象コンテンツのプレイヤータグ発行ボタンをクリックします

3-1.png

 

②事前に作成したチャプター表示設定を適用したプレイヤーIDを選択します

③画面に表示されたプレイヤータグをコピーします

3-2.png

 

④「コンテンツの管理」に戻り、対象コンテンツの視聴ページURL発行ボタンをクリックします

3-4.png

 

⑤デザイン設定セクションの「プレイヤー」タブにて、チャプター表示設定を適用したプレイヤーIDを選択し、「プレイヤータグのカスタマイズ」をクリックします

3-5.png

 

⑥タグの内容を、③でコピーしたタグに書き換えます

⑦各必要項目を入力して「URL発行」ボタンをクリックします
3-6.png