/
Content & Floating Content Player on AMP

Content & Floating Content Player on AMP

Please use this page for the content player implementation as well as a floating content player.

Important note - clickable content is not allowed in amp and the content duration must be longer then the ads duration

The amp-video-iframe operates as a floating ad on mobile size screens.

To embed the player, you will need to call the additional scripts of amp-video-iframe and amp-video-docking:

<script async src="https://cdn.ampproject.org/v0.js"></script> <script async custom-element="amp-video-iframe" src="https://cdn.ampproject.org/v0/amp-video-iframe-0.1.js"></script> <script async custom-element="amp-video-docking" src="https://cdn.ampproject.org/v0/amp-video-docking-0.1.js"></script>

Implementation

  1. Please create a template and a tag using the studio on the platform.

  2. Implement the following code - replace ?AV_TAGID=[enter your tag ID]&AV_PUBLISHERID=[enter your publisher id]

<amp-video-iframe layout="responsive" width="16" height="9" dock="#avdock" style="overflow: visible;" src="https://player.avplayer-amp.com/script/amp/videoplayer/ampplayer.html?AV_TAGID=6299c09439c19e237c55be9e&AV_PUBLISHERID=6124992a9c738f3419721fb3" > </amp-video-iframe>

For a floating content player, please also add the layout component:

By default, the aforementioned code will start floating at the top right position. If you wish to change the floating style, use the following code as an example:

<div style="left: 1px; position: fixed; top: 10px;"> <amp-layout width="200" height="125" id="avdock"> </amp-layout> </div>

You can find an example of the implementation here - https://play.aniview.com/6124992a9c738f3419721fb3/6299c24d8ef8777c8f400405/amp-iframe.html

Please note that the video will start floating only on content, so we recommend making sure that the player will start with content and then will present ads. In addition, please note there must be more content than ads in the overall media setup.

Please CC support@aniview.com with questions regarding the setup.

Related content

AMP Floating in WordPress Site
AMP Floating in WordPress Site
More like this
Aniview on AMP Pages
Aniview on AMP Pages
Read with this
Set Up a Display Placement, Ad source & Channel
Set Up a Display Placement, Ad source & Channel
More like this
Guide
Guide
Read with this
Instream Player Implementation Guide
Instream Player Implementation Guide
More like this
Macros
Macros
Read with this