Storyblock (Web)
Last updated
Last updated
Storyblock is used when you want to integrate the video player directly on to your website.
Place the javascript part either on the <head>
or <body>
or right above the Firework component you are adding.
Place the web component where the Storyblock should be displayed.
In case your page uses multiple widget components, insert <script>
tag with combined fwn.js
file instead of requesting each js file individually. This would improve your performance.
Example:
<script
async
src="//asset.fwcdn3.com/js/fwn.js"
type="text/javascript"
></script>
In addition to the attributes described below, there are Player Attributes (which affects the way player behaves) and Feed Attributes (which decides the content being displayed) . You can find the list of attributes specific to Storyblock in the section below
Name | Description | Default value |
---|---|---|
max_videos
number of videos showed in storyblock
Infinity
loop
loop feed of videos
false
dock
dock to minimized player when scrolled out of viewport
false
mode
pinned
for initialized as minimized player
fullscreen
for player in fullscreen mode
✕
page_url
page url of widget, this configuration is considered only if widget is used inside iframe
URL of opened page
height
height of Storyblock widget, if not used Storyblock will use 100% of parent container, but maximally 75% of visible height
75vh
- 75% of visible height
player_captions
Disable the title of the video appearing on the player
true