# Storyblock (Web) Storyblock is used when you want to integrate the video player directly on to your website.

## Integration {% tabs %} {% tab title="HTML" %} Place the javascript part either on the `` or `` or right above the Firework component you are adding. ```markup ``` Place the web component where the Storyblock should be displayed. ```markup ``` {% endtab %} {% tab title="AMP" %} AMP HTML header part (avoid duplication with previously declared scripts) ```markup ``` AMP HTML header part ```markup ``` AMP HTML body part. Search for `{CHANNEL}` and replace with your **channel name**. Other params can be serialized as iframe src querystring. ```markup

``` {% endtab %} {% tab title="iframe" %} IFrame integrations are based on Firework hosted code snippets. Querystring of `src` attribute should be used to pass any additional attributes. Please note `page_url` is also used as a primary url for sharing. Read more about [iframe limitations here](https://docs.firework.tv/web/troubleshooting#iframe_limitations). ```markup ``` {% hint style="info" %} IFrame integration can be used for Facebook Instant Article as well. Please follow the FB guidelines on how to include embeds. {% endhint %} {% endtab %} {% endtabs %} {% hint style="info" %} In case your page uses multiple widget components, insert `` {% endhint %} ## Attributes 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 {% content-ref url="../player/player-attributes" %} [player-attributes](https://docs.firework.com/firework-for-developers/web/integration-guide/player/player-attributes) {% endcontent-ref %} {% content-ref url="../feed-attributes" %} [feed-attributes](https://docs.firework.com/firework-for-developers/web/integration-guide/feed-attributes) {% endcontent-ref %}

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`

--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.firework.com/firework-for-developers/web/integration-guide/components/storyblock.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.