AnyClip

This section provides instructions for using the AnyClip embed code for AMP page. This option is intended for Hub operation users and/or product managers.

Add the following code to the head of the AMP page 

&lt;script async="" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"&gt;&lt;/script&gt;

___________________________________________________________

If this code is already included in the HEAD code, don’t add it. Adding a duplicate amp-ad will result in a failure to load the player.

Add the following code to the body of the AMP page, in the exact location where you'd like to display the AnyClip video player.

Replace the <code>data-pubname</code> (publisherName) and <code>data-widgetname</code> (widgetID) placeholders with the values you received in the embed code from AnyClip.

You can change the player size by updating the values of the “width” and the “height”.

You can set a delay on the loading of the AMP code by utilizing <code>data-delay</code>. Value should be inserted in seconds.

1. Add the following code to the head of the AMP page 
 &lt;script async="" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"&gt;&lt;/script&gt;
 
 ___________________________________________________________
 Important
 If this code is already included in the HEAD code, don’t add it. Adding a duplicate amp-ad will result in a failure to load the player.
 ___________________________________________________________
 
2. Add the following code to the body of the AMP page, in the exact location where you'd like to display the AnyClip video player.
3. Replace the <code>data-pubname</code> (publisherName) and <code>data-widgetname</code> (widgetID) placeholders with the values you received in the embed code from AnyClip.
4. You can change the player size by updating the values of the “width” and the “height”.
5. You can set a delay on the loading of the AMP code by utilizing <code>data-delay</code>. Value should be inserted in seconds.

&lt;amp-ad width="640" height="386" layout="responsive" type="anyclip" data-pubname="publisherName" data-widgetname="widgetID" data-widgeturl="https://player.anyclip.com/anyclip-widget/lre-widget/prod/v1/src/lre.js" data-delay="0" data-ac-embed-mode="plain"&gt; &lt;/amp-ad&gt;

Please refer to this <a href="https://dcedcopzd0hb.cloudfront.net/en/direct-embed.htmlhttps://docs.anyclip.com/en/articles/8005097-player-direct-embed" target="_blank" rel="nofollow noopener noreferrer">section</a> to learn more about direct embed implementation and see a list of optional embed code parameters that can enhance AnyClip functionality on your page

Important

Note