AMP

Thank you!

  • 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>
Precisa de explicações mais detalhadas?

Se as explicações nesta página não respondem a todas as suas perguntas, entre em contato com outros usuários de AMP para discutir seu caso de uso específico.

Ir para o Stack Overflow
Falta explicar algum recurso?

O projeto AMP incentiva fortemente sua participação e contribuições! Esperamos que você se torne um participante assíduo de nossa comunidade de código aberto, mas também agradecemos contribuições pontuais para problemas que você tenha particular interesse.

Editar amostra no GitHub