youtube - 在 iframe 中嵌入 YouTube 视频列表

Question

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

根据 this article 这可以通过 playlist 属性实现:

playlist (supported players: AS3, HTML5)
Value is a comma-separated list of video IDs to play. If you specify a value, the first video that plays will be the VIDEO_ID specified in the URL path, and the videos specified in the playlist parameter will play thereafter.

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

<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) 放在演示页面 here , 但它不起作用。

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
          }
        });