AMP 格式的 YouTube 播放列表 HTML

Question

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

Answer 1

嗯，您不能使用 <amp-youtube> 嵌入 YouTube 播放列表。 <amp-youtube> 仅用于嵌入 single/individual 视频。

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

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

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

Answer 2

嘿，刚刚检查了一下，它运行良好

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

<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 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 格式的 YouTube 播放列表 HTML

YouTube playlists in AMP HTML

youtube

amp-html