- Print
Standalone Modal player
- Print
Shortform videos can be played immediately by using the showShortformPlayerModal()
function, which plays Shortform in full-screen mode.
Modal palyer start muted on page load
showShortformPlayerModal()
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.
Feed Configuration - Tag
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 Tags
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
Feed Configuration - Specific Shortform id
Shortform feeds are played using a list of pre-defined IDs through the Shortform API, etc.
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>
If
muted:false
is used without a user click on the same web page, playback will fail