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 |
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>
data-videoid
The Dailymotion video id found in every video page URL.
E.g. in https://www.dailymotion.com/video/x2m8jpp_dailymotion-spirit-movie_creation "x2m8jpp"
is the video id.
data-mute
Whether to mute the video or not.
Value: "true"
or "false"
Default value: "false"
data-endscreen-enable
Whether to enable the end screen or not.
Value: "true"
or "false"
Default value: "true"
data-sharing-enable
Whether to display the sharing button or not.
Value: "true"
or "false"
Default value: "true"
data-start
Specifies the time (in seconds) from which the video should start playing.
Value: integer (number of seconds). E.g. data-start=45
Default value: 0
data-ui-highlight
Change the default highlight color used in the controls.
Value: Hexadecimal color value (without the leading #). E.g. data-ui-highlight="e540ff"
data-ui-logo
Whether to display the Dailymotion logo or not.
Value: "true"
or "false"
Default value: "true"
data-info
Whether to show video information (title and owner) on the start screen.
Value: "true"
or "false"
Default value: "true"
See amp-dailymotion rules in the AMP validator specification.