Aniview content player can be implemented using amp-video-iframe component in order to support floating Please use this page for the content player implementation as well as a floating content player.
| Info |
|---|
Important note - clickable content is not allowed in amp and the content duration must be longer then the ads duration |
...
To embed the player, you will need to call the amp-video-iframe script. and And the amp-video-docking script:
| Code Block |
|---|
<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]
| Code Block |
|---|
<amp-video-iframe
layout="responsive"
width="16"
height="9"
dock="#avdock"
style="overflow: visible !important;"
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 the floating at the top right position. If you wish to change the floating style, use the following code as an example:
| Code Block |
|---|
<div style="left: 1px; position: fixed; top: 1px;">
<amp-layout
width="150"
height="125"
id="avdock">
</amp-layout>
</div> |
...
Please CC support@aniview.com on with questions regarding the setup.