#BlackLivesMatter
Do you build things with AMP? Fill out the new AMP Developer Survey!
AMP
  • websites

amp-dailymotion

Introduction

The amp-dailymotion component allows to 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.

<amp-dailymotion data-videoid="x3rdtfy"
  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.

<amp-dailymotion data-videoid="x3rdtfy"
  layout="responsive"
  data-ui-logo="false"
  data-info="false"
  width="480"
  height="270">
</amp-dailymotion>
Besoin de plus amples explications ?

Si les explications de cette page ne répondent pas à vos questions, n'hésitez pas à contacter d'autres utilisateurs d'AMP pour discuter de votre cas d'utilisation spécifique.

Se rendre sur Stack Overflow
Une fonctionnalité n'a pas encore été expliquée ?

Le projet AMP encourage fortement votre participation et vos contributions ! Nous espérons que vous deviendrez un membre régulier de notre communauté open source, mais nous serons également ravis de recevoir des contributions ponctuelles concernant les questions qui vous intéressent particulièrement.

Modifier l'exemple sur GitHub