海报图片到amp-youtube

Question

我想为YouTube视频制作海报图像。

因此，当您单击图像时，它将自动播放YouTube视频。

有可能吗？

谢谢！

Answer 1

poster属性不适用于amp-youtube组件，目前您无法执行的操作。

以下属性与here中所述的amp-youtube组件一起使用。

• 自动播放
• 数据视频ID
• data-live-channelid
• data-param-*（将数据参数传递给为YouTube嵌入的iFrame）
• 凭证

Answer 2

您可以通过在 amp-img 标签内添加 amp-youtube 来实现。

<amp-youtube
  data-videoid="mGENRKrdoGY"
  width="358"
  height="204"
  layout="responsive"
>
  <amp-img
    src="https://i.ytimg.com/vi/Wm1fWz-7nLQ/hqdefault_live.jpg"
    placeholder
    layout="fill"
  />
</amp-youtube>

在 Google 的 amp.dev 上找到的文档。