Displayer(ディスプレイヤー)

商品及びコンテンツをディスプレイするためのプレイヤーです。 詳細ページに埋め込んで商品アピール効果を最大化することができます。

スプレイヤディスプレイヤーのHTML 商品詳細ページに追加

サンプルコード <iframe src="https://player.charlla.io/2Cq8uAmuGR1" width="100%" height="100%" style="border:none;" allow="autoplay; fullscreen"></iframe>

  1. 動画タイトルをクリックしてサイドバーを開く

    1. アップロード中、設定変更は可能ですが、プレビュー再生できません。

  2. ディスプレイヤー on/off設定

    1. プレイヤーのデフォルト設定はすべてoffです。

  3. [保存及びアップデートボタン] ボタンクリック

  4. [ライブラリリスト] > [ディスプレイヤー url ボタン]クリック > [embeded(iframe) コードコピー完了]

  5. 商品詳細ページに埋め込む

詳細ページエディターに追加

サンプルコード https://dev-player.challa.io:3443/R81Q4JrC3pU

  1. 動画タイトルをクリックしてサイドバーを開く

    1. アップロード中、設定変更は可能ですが、プレビューが再生できません

  2. ディスプレイヤー on/off設定

    1. 最初アップロードした動画の場合、プレイヤー設定はすべてoffです

  3. [保存及びアップデートボタン] ボタンクリック

  4. [サイドバー] > [ディスプレイヤータップ] > [詳細情報] > [リンクコピー]

  5. No-code詳細ページのエディターに埋め込む

推奨設定

  • 不要な再生コントロールバーを隠し、画像のような動画にする場合→コントロールバーoff

  • 再生ボタンをクリックせず、自動で再生したい場合→自動再生 on

  • 動画をリピート再生をしたい場合→リピート再生on

  • 動画のサイズを詳細ページ再生領域に合わせたい場合→動画サイズ調整 on

プレイヤー設定変更方法

[->プレイヤー設定保存及びアップデート]

[サイドバー] > [ディスプレイヤータップ] > [プレイヤー設定] > [保存及びアップデート]

Last updated