▶︎ モーダルプレイヤーを使ってショートフォームを直接表示する

ショートフォームビデオは、ショートフォームをフルスクリーンモードで再生する showShortformPlayerModal() 機能を使用して、すぐに再生できます。

📘 /ᄂ/cadssd. csdsᅨPlayyasdfasdfasdfasdfasdモーダルプレイヤーの初期設定はミュート再生です。

showShortformPlayerModal() 関数は、ページが読み込まれたときにすぐに実行されるように構成できます。そのため、自動再生ポリシーに準拠するためにミュートモードで再生されます。

音声付きで再生させたい場合は、パラメーターを調整することで非ミュートでの再生設定が可能です。

フィード設定 - 基本

ショートフォームフィードはデフォルトの順序で表示されます。

<script defer>
  cloud.shoplive.showShortformPlayerModal();
</script>

フィード設定 - タグ

Shoplive ショートフォームの各コンテンツに設定されたタグを使用して設定されたコンテンツのフィードを再生します。

単一タグ

フィードは 1 つのタグで設定できます。

<script defer>
  cloud.shoplive.showShortformPlayerModal( { 
    tags: ["YOUR_TAG"] 
  });
</script>

複数のタグ

複数のタグを含む検索条件を使用してリストを設定できます。タグは最大5つまで設定でき、ORモードで動作します。

<script defer>
  cloud.shoplive.showShortformPlayerModal( { 
    tags: ["your_tag1", "your_tag2"] 
  });
</script>

ショートフォームに複数のタグを設定する場合、すべてのタグを含む条件(AND条件)として設定する tagSearchOperator="AND" オプションを追加できます。

<script defer>
  cloud.shoplive.showShortformPlayerModal({ 
    tags: ["YOUR_TAG1", "YOUR_TAG2"],
    tagSearchOperator: "AND"
  });
</script>

フィード設定 - ブランド

Shoplive ショートフォームのコンテンツごとに設定されているブランドの「識別子」を使用して、ブランドのリストを作成できます。

単一ブランド

フィードは、1 つのブランド ID を使用して設定できます。

<script defer>
  cloud.shoplive.showShortformPlayerModal( { 
    brands: ["brand_idetifier"] 
  });
</script>

複数のブランド

複数のブランドを含むショートフォームリストを設定するには、ブランド識別子を配列に含めます。ブランドの数は最大 5 つまで可能です。

<script defer>
  cloud.shoplive.showShortformPlayerModal( { 
    brands: ["brand_idetifier1", "brand_idetifier2"] 
  });
</script>

フィード構成 - ランダムな順序

基本シャッフル

リスト内のショートフォームの順序は、ランダムに表示されるように設定できます。

<script defer>
  cloud.shoplive.showShortformPlayerModal( { 
    shuffle: true 
  });
</script>

シャッフル - タグ, ブランド

タグまたはブランドによるリスト設定と組み合わせて使用できます。

<script defer>
  cloud.shoplive.showShortformPlayerModal( { 
    brands: ["brand_idetifier1"],
    tags: ["your_tag1"],
    shuffle: true
  });
</script>

ショートフォームフィード設定 - Group ID

特定のショートフォームグループのためのショートフォームフィードを表示

<script defer>
  cloud.shoplive.showShortformPlayerModal( { 
    shortformCollectionId: 'SHORTFORM_GROUP_ID'
  });
</script>

フィード設定 - 特定のショートフォーム ID

ショートフォームフィードは、ショートフォームAPIなどを通じて事前定義されたIDのリストを使用して構成することができます。

<script defer>
  // Configure a playlist using Shortform IDs.
  var ids = ["ID1", "ID2", "ID3", "ID4", "ID5"];
  // Set the startIndex at which playback will start.
  var startIndex = 0;
  cloud.shoplive.showShortformPlayerModal({ ids: ids, startIndex: startIndex });
</script>

再生オプション

ショートフォームのミュート解除

showShortformPlayerModal() 関数が同じページ上でユーザー ジェスチャ (クリックなど) によって実行される場合は、 muted:false を使用してミュートされていない状態で再生できます。

<script>
//playShortform function is executed by the user's click.
function playShortform() {
  cloud.shoplive.showShortformPlayerModal( { 
    muted:false
  });
}
</script>

🚧ᅣfisdfasdfasdfasdfasdfユーザーが同じWebページをクリックせずに muted:false を使用すると 、再生は失敗します。