AMP (Accelerated Mobile Pages), is an open-source project from Google which provides a framework for creating a lightweight version of a webpage, that loads lightning fast on mobile connections.
We have a Dailymotion AMP component available for anyone to use Dailymotion videos on their AMP site.
Our Component
<amp-dailymotion>
Required Script
<script async custom-element="amp-dailymotion" src="https://cdn.ampproject.org/v0/amp-dailymotion-0.1.js"></script>
Example of a Dailymotion AMP embed
<amp-dailymotion
data-videoid="x2m8jpp"
layout="responsive"
autoplay
data-mute="true"
width="480"
height="270"
data-param-ads_params="12345"
data-param-syndication="12345">
</amp-dailymotion>
*Please note, make sure you add your syndication key to the player embed as shown above passed in via the 'data-param' parameter.
Autoplay configuration
For Dailymotion players to autoplay correctly on AMP pages, it's required that both autoplay and data-mute="true" are in the video embed.
Our default autoplay behaviour doesn't work the same on AMP pages, as its not possible to ever autoplay videos with sound on these type of pages. Our tap to unmute feature isn't visible as the framework provide their own equivalent.
For player parameters that don't have matching AMP attributes, it's possible to add in any player parameter using the data-params-{Player_Param}.
data-param-playlist="x5zhzj"
For the official documentation, please see:
https://www.ampproject.org/docs/reference/components/amp-dailymotion