ULIZAヘルプセンター

検索

モーダルプレイヤーを設定する

対象サービス

  • ULIZA Standard
  • ULIZA Pro

　　※ULIZA miniではご利用いただけません

 

 

概要

モーダルプレイヤーは、モーダルウィンドウ内にプレイヤーを表示する機能です。

モーダルプレイヤーを設定したプレイヤータグを埋め込んだ場合、Webページにサムネイル画像が表示され、その画像をクリックするとポップアップ表示のように動画プレイヤーが浮かび上がり、動画コンテンツの視聴ができます。

 

プレイヤーのサンプルはこちら

例えば動画ギャラリーなど、一つのWebページに動画コンテンツを複数並べて表示させたい場合などに使うと便利な機能です。
 

 

手順

ULIZAでは３種類の方法で動画配信ができます

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

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

C. ULIZAの配信サイトを作成し配信

 

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

①ULIZA管理画面内の「コンテンツの管理」を開き、「プレイヤータグ発行」をクリックします

 

②プレイヤータグの発行画面にて、「設定」をクリックします

 

③「プレイヤータグタイプ」項目を「モーダル」に変更し「プレイヤータグの発行に戻る」をクリックします

 

④プレイヤータグ内のtypeが「type=modal」に代わっていることを確認

⑤「クリップボードにコピー」をクリックし、画面に表示されたプレイヤータグをコピーします

 

⑥コピーしたプレイヤータグを貴社サイト内に埋め込み、Webページを公開します

 <!DOCTYPE html> 
<html> 
<head> 
　<title>Sample Page</title> 
　<meta charset="UTF-8"> 
</head> 
<body> 

<!-- プレイヤータグ　--> 
<script type="text/javascript" charset="utf-8" defer src="https://player-api.p.uliza.jp/v1/players/default-player/xxxxxx/admin?type=modal&name=content-2025-07-25-15-50-52-809-3cd1ddca">//{"modal":{"sizeAuto":true,"background":"default","zIndex":500,"appendToBody":true},"videoAnalytics":{"userId":"[GAUSERID]"}}</script>

</body> 
</html>

※サンプルになるため、⑤でコピーしたものを貴社サイトに埋め込みください。

 

＜B. 視聴ページURLを発行する方法＞

①「コンテンツの管理」より、対象動画の「視聴ページURL発行」を押下します

 

②デザイン設定セクションの「プレイヤー」タブにて、「プレイヤータグのカスタマイズ」をクリックします

 

③「プレイヤータグテンプレート文字列」内の「type=normal」を「type=modal」に書き換えます

④「プレイヤータグテンプレート文字列」内の「"googleAnalytics"」の前に「"modal":{"sizeAuto":true,"background":"default","zIndex":500,"appendToBody":true},」を入力する

※モーダルプレイヤーの設定により文言や設定値が変化します。

⑤各必要項目を入力して「URL発行」ボタンをクリックします

 

＜C. ULIZAの配信サイトを作成し配信＞

①「配信サイトの管理」にて、対象の配信サイトの「編集」ボタンをクリックします

 

②デザイン設定セクションの「プレイヤー」タブにて、「プレイヤータグのカスタマイズ」をクリックします

 

③「プレイヤータグテンプレート文字列」内の「type=normal」を「type=modal」に書き換えます

④「プレイヤータグテンプレート文字列」内の「"googleAnalytics"」の前に「"modal":{"sizeAuto":true,"background":"default","zIndex":500,"appendToBody":true},」を入力する

※モーダルプレイヤーの設定により文言や設定値が変化します。

 

④書き換え後、「保存」をクリックします