在 iframe 中嵌入 YouTube 视频列表

Question

我正在尝试将YouTube视频列表嵌入网站。这些视频本身不属于特定的播放列表。随机视频需要一个接一个地播放。

根据本文，这可以通过playlist属性实现：

播放列表(支持的播放器：AS3、HTML5(
值是要播放的视频 ID 的逗号分隔列表。如果指定一个值，则播放的第一个视频将是 URL 路径中指定的VIDEO_ID，之后将播放播放列表参数中指定的视频。

但是我的代码似乎不起作用。这是我尝试过的

<iframe id="ytplayer" type="text/html" width="640" height="390"
    src="http://www.youtube.com/playlist?playlist=PHi4tFz-F0g,HcKrd3K8_A,9fAZIQ-vpdw"
    frameborder="0" />
<iframe id="ytplayer" type="text/html" width="640" height="390"
        src="http://www.youtube.com/embed/PHi4tFz-F0g?autoplay=1&playlist=PHi4tFz-F0g,HcKrd3K8_A,9fAZIQ-vpdw"
        frameborder="0" />

我尝试将视频ID列表(PHi4tFz-F0g,HcKrd3K8_A,9fAZIQ-vpdw(放在此处的演示页面上，但它不起作用。

Answer 1

我已经

弄清楚了，这只是文档令人困惑：您可以传递视频 ID 列表，但它必须是单个逗号分隔的字符串，而不是数组例如

 player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'dwM78wnqYK0',
          playerVars: {
          'playsinline': 1,
                  'controls': 1,
                  'playlist': "PHi4tFz-F0g,HcKrd3K8_A,9fAZIQ-vpdw"
          },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });