Question

<amp-youtube>扩展程序支持嵌入单独的YouTube视频，但如何在AMP页面上嵌入YouTube播放列表？

Answer 1

嘿，只是检查了它，它完美地运作

这是播放视频播放列表的示例代码

<amp-iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLjwWT1Xy3c4UtTRb5Kysk5NHmggxJc1vw" frameborder="0" allowfullscreen="" sandbox="allow-scripts allow-same-origin" sizes="(min-width: 560px) 560px, 100vw" class="amp-wp-enforced-sizes"><div placeholder="" class="amp-wp-iframe-placeholder"></div></amp-iframe>

我测试了使用amp-youtube播放播放列表并且它无法正常工作，因为amp-youtube需要属性 data-videoid 这不适用于播放列表ID

Answer 2

好吧，您无法使用<amp-youtube>来嵌入YouTube播放列表。 <amp-youtube>仅用于嵌入单个/单个视频。

YouTube中的播放列表具有以下形式。

https://www.youtube.com/embed/videoseries?list=PLlVlyGVtvuVll4Te_6kO4CsI7dcPJKQLt

因此，请尝试使用<amp-iframe>代替<amp-youtube>，并检查它是否有效。

Answer 3

您可以使用amp-youtube这样的播放列表

<amp-youtube
  width="480" 
  height="270"
  layout="responsive"
  data-videoid="FIRST VIDEO ID IS HERE"
  data-param-listType="playlist"
  data-param-list="PLAYLIST ID IS HERE"></amp-youtube>

AMP HTML中的YouTube播放列表

3 个答案: