Skip to content

Latest commit

 

History

History
119 lines (77 loc) · 3.14 KB

amp-dailymotion.md

File metadata and controls

119 lines (77 loc) · 3.14 KB

amp-dailymotion

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>

Required attributes

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.

Optional attributes

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"

Validation

See amp-dailymotion rules in the AMP validator specification.