在iframe中嵌入YouTube视频列表

Question

我正在尝试将一系列YouTube视频嵌入网站中。这些视频并不属于特定的播放列表。需要随机播放视频。根据此文章所述，可以使用playlist属性实现此目的：

playlist（支持的播放器：AS3、HTML5）
值是要播放的视频ID的逗号分隔列表。如果指定了值，则首先播放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)放在这里的演示页面上，但它无法工作。

- galdin

---

它在演示页面上实际运行（现在）-但那使用API。在“硬编码”的iframe中，它不起作用（没有人告诉我为什么-Google搜索结果非常空...变得有点偏执！ - T4NK3R

你好@gldraphael，你找到解决方案了吗..？ - Devi Prasad

@Devi Prasad 不是很准确。我是用 JavaScript 完成的。 - galdin

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

- Jyothish Thomas