Standalone modal player

Shortform videos can be played immediately by using the showShortformPlayerModal() function, which plays Shortform in full-screen mode.

TheshowShortformPlayerModal() function can be configured to run immediately when a page is loaded. Therefore, it plays in mute mode to comply with autoplay policies.

Playback in an unmuted state is possible by adjusting the muted parameter when executed through a user click on the same page.

Feed Configuration: Basic

The Shortform feed is displayed in the default order.

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

Plays a feed of a list of Shoplive Shortform content filtered by tags set for each content.

Single tag

You can configure a feed using a single tag.

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

Multiple gags

You can configure a list using a search condition that includes multiple tags. Tags can be set up to a maximum of 5, and they operate in OR mode.

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

When configuring Shortform with multiple tags, you can add the tagSearchOperator="AND" option to configure them as a condition that includes all of the tags (AND condition).

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

Feed Configuration: Brand

You can create a list of brands by using the 'identifier' of the brand that is set for each content of Shoplive Shortform.

Single brand

You can configure a feed using a single brand identifier.

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

Multiple brands

To configure a Shortform list that includes multiple brands, include the brand identifiers in an array. The number of brands can be up to 5.

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

Feed Configuration: Random order

Basic shuffle

The order of Shortform in a list can be configured to be displayed randomly.

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

Shuffle: Tags, Brands

It can be used in conjunction with list configuration by tag or brand.

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

Feed Configuration: Group ID

Show Shortform feeds for specific Shortform group

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

Feed Configuration: Specific shortform ID

Shortform feeds are played using a list of pre-defined IDs through the Shortform API, etc.

<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>

Playback Option

Unmute Shorform

If the showShortformPlayerModal() function is executed by a user gesture (such as a click) on the same page, you can play it in an unmuted state by using muted:false.

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

🚧ㅑfisdfasdfasdfIf muted:false is used without a user click on the same web page, playback will fail