#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>
Требуются дальнейшие объяснения?

Если на этой странице нет ответов на все ваши вопросы, обратитесь к другим пользователям AMP и обсудите свой конкретный сценарий использования.

Перейти на Stack Overflow
Не нашли пояснения к функции?

Проект AMP активно поощряет ваше участие и сотрудничество! Мы надеемся, что вы станете постоянным участником нашего открытого сообщества, но разовые вклады в работу над задачами, которые вам особенно интересны, также приветствуются.

Редактировать пример на GitHub