Embed a player on an AMP page

See how you can embed the player on an AMP page

Embed player on an AMP page

Our player can be used on Google AMP pages by adding the below embed code.

To load the player on AMP page, make sure to include the following script on the page

<script async custom-element="<<amp_element>>" src="https://cdn.ampproject.org/v0/<<brid_amp_script>>"></script>
<amp-<<player_class>>-player
  data-partner="PARTNER_ID"
  data-player="PLAYER_ID"
  data-video="VIDEO_ID"
  layout="responsive"
  width="480"
  height="270"
>
</amp-<<player_class>>-player>

List of parameters that are supported in AMP embed code

Parameter nameDescription
data-partnerId of the partner (website)
data-playerid of the player used
data-videoid of the video used
data-playlistif playlist is used insted of the video you should supply playlist id
data-outstreamif outstream unit is used you should supply id of the outstream unit
data-dynamicParameter used to specify type of dynamic playlist, e.g. latest, channel, tag.

Sticky player on AMP

You can use sticky player on AMP pages by adding the dock parameter into the embed code.

<amp-<<player_class>>-player
  data-partner="PARTNER_ID"
  data-player="PLAYER_ID"
  data-video="VIDEO_ID"
  layout="responsive"
  width="480"
  height="270"
	dock
>
</amp-<<player_class>>-player>

πŸ“˜

Requires amp-video-docking extension. If this attribute is present and the video is playing manually, the video will be "minimized" and fixed to a corner or an element when the user scrolls out of the video component's visual area.

To read more about docking extension read here.