Description Displays a Dailymotion video.
Availability Stable
Required Script <script async custom-element="amp-dailymotion" src="https://cdn.ampproject.org/v0/amp-dailymotion-0.1.js"></script>
Supported Layouts fill, fixed, fixed-height, flex-item, responsive
Examples Annotated code example for amp-dailymotion

Example

With responsive layout, the width and height from the example should yield correct layouts for 16:9 aspect ratio videos.

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

Attributes

data-videoid (required)

The Dailymotion video id found in every video page URL. For example, "x2m8jpp" is the video id for https://www.dailymotion.com/video/x2m8jpp_dailymotion-spirit-movie_creation.

data-mute (optional)

Indicates whether to mute the video.

  • Value: "true" or "false"
  • Default value: "false"

data-endscreen-enable (optional)

Indicates whether to enable the end screen.

  • Value: "true" or "false"
  • Default value: "true"

data-sharing-enable (optional)

Indicates whether to display the sharing button.

  • Value: "true" or "false"
  • Default value: "true"

data-start (optional)

Specifies the time (in seconds) from which the video should start playing.

  • Value: integer (number of seconds). For example, data-start=45.
  • Default value: 0

data-ui-highlight (optional)

Change the default highlight color used in the controls.

  • Value: Hexadecimal color value (without the leading #). For example, data-ui-highlight="e540ff".

data-ui-logo (optional)

Indicates whether to display the Dailymotion logo.

  • Value: "true" or "false"
  • Default value: "true"

data-info (optional)

Indicates whether to show video information (title and owner) on the start screen.

  • Value: "true" or "false"
  • Default value: "true"

common attributes

This element includes common attributes extended to AMP components.

Validation

See amp-dailymotion rules in the AMP validator specification.