amp-dailymotion

1.0 0.1

<script async custom-element="amp-dailymotion" src="https://cdn.ampproject.org/v0/amp-dailymotion-1.0.js"></script>

<script async custom-element="amp-dailymotion" src="https://cdn.ampproject.org/v0/amp-dailymotion-1.0.js"></script>
<link rel="stylesheet" href="https://cdn.ampproject.org/v0/amp-dailymotion-1.0.css">

用法

显示 Dailymotion 视频。

使用响应式布局时，示例中的宽度和高度应为 16:9 宽高比的视频产生正确的布局。

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

自动播放

如果存在此属性，并且浏览器支持自动播放

• 视频会在自动播放开始前自动静音
• 当视频滚动出视图时，视频会暂停
• 当视频滚动到视图中时，视频会恢复播放
• 当用户点击视频时，视频会取消静音
• 如果用户与视频进行了互动（例如，静音/取消静音、暂停/恢复等），并且视频滚动到视图中或滚动出视图，则视频的状态将保持用户离开时的状态。例如，如果用户暂停了视频，然后将视频滚动出视图并返回到视频，则视频仍会暂停。

data-videoid

Dailymotion 视频 ID 在每个视频页面 URL 中都可以找到。例如，"x2m8jpp" 是 https://www.dailymotion.com/video/x2m8jpp_dailymotion-spirit-movie_creation 的视频 ID。

data-mute（可选）

指示是否将视频静音。

• 值："true" 或 "false"
• 默认值："false"

data-endscreen-enable（可选）

指示是否启用结束屏幕。

• 值："true" 或 "false"
• 默认值："true"

data-sharing-enable（可选）

指示是否显示共享按钮。

• 值："true" 或 "false"
• 默认值："true"

data-start（可选）

指定视频应开始播放的时间（以秒为单位）。

• 值：整数（秒数）。例如，data-start=45。
• 默认值：0

data-ui-highlight（可选）

更改控件中使用的默认高亮颜色。

• 值：十六进制颜色值（不带前导 #）。例如，data-ui-highlight="e540ff"。

data-ui-logo（可选）

指示是否显示 Dailymotion 徽标。

• 值："true" 或 "false"
• 默认值："true"

data-info（可选）

指示是否在开始屏幕上显示视频信息（标题和所有者）。

• 值："true" 或 "false"
• 默认值："true"

data-param-*（可选）

所有 data-param-* 属性都作为查询参数添加到嵌入的 Dailymotion iframe 的 src 值中。您可以使用此属性传递未明确声明的自定义值。

键和值将进行 URI 编码。

• data-param-origin="example.com"

请阅读 Dailymotion 的视频播放器文档，以了解有关参数和选项的更多信息。

停靠

需要 amp-video-docking 扩展程序。 如果存在此属性且视频正在手动播放，则当用户滚动出视频组件的可视区域时，视频将“最小化”并固定到角落或某个元素。

有关更多详细信息，请参阅有关停靠扩展程序本身的文档。

常用属性

此元素包括扩展到 AMP 组件的常用属性。

操作

播放

播放视频。

暂停

暂停视频。

静音

将视频静音。

取消静音

取消视频静音。

进入全屏

将视频切换到全屏。

验证

请参阅 AMP 验证器规范中的 amp-dailymotion 规则。