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

每个视频页面 URL 中找到的 Dailymotion 视频 ID。例如，"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 规则。