amp-dailymotion

1.0 0.1

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

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

用法

显示 Dailymotion 视频。

对于响应式布局，示例中的宽度和高度应生成 16:9 纵横比视频的正确布局。

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

autoplay

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

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

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 视频播放器文档 以了解有关参数和选项的更多信息。

dock

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

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

通用属性

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

操作

播放

播放视频。

暂停

暂停视频。

静音

静音视频。

取消静音

取消静音视频。

全屏进入

使视频全屏显示。

验证

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