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
Please create a template and a tag using the studio on the platform.
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.