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 上的示例