amp-dailymotion

Edit on Github
Open in Playground

Introduction

Embed daily motion videos into your AMP HTML files.

Setup

Import the amp-dailymotion component.

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

Basic Usage

You can find the Dailymotion video id in the video page URL. Change the play button hover color with data-ui-highlight.

Example

<amp-dailymotion data-videoid="x2m8jpp"
  layout="responsive"
  data-ui-highlight="FF4081"
  width="480"
  height="270"></amp-dailymotion>

Plain Embeds

Hide the logo and titles via amp-ui-logo and data-info.

Example

<amp-dailymotion data-videoid="x2m8jpp"
  layout="responsive"
  data-ui-logo="false"
  data-info="false"
  width="480"
  height="270"></amp-dailymotion>