如何使用javascript返回YouTube播放列表中的视频数量？

Question

我正在嵌入YouTube播放列表，希望它能在每次加载页面时播放随机视频。

如何使用JavaScript或JQuery查找播放列表中的视频数量，以便我可以使用javascript选择介于0和视频总数之间的随机数？

<div class="vid"><iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PL82F269F11AB50FA4" frameborder="0" allowfullscreen></iframe></div>

Answer 1

您可以使用Youtube Api V3执行此操作，但不确定是否可以使用<iframe>方法执行此操作，但请参阅here

您可以在Request Body方法中找到将返回JSON：

{
  "kind": "youtube#playlistItemListResponse",
  "etag": etag,
  "nextPageToken": string,
  "prevPageToken": string,
  "pageInfo": {
    "totalResults": integer,
    "resultsPerPage": integer
  },
  "items": [
    playlistItem Resource
  ]
}

其中的项目为array，获取数组长度将使用array.length指示项目计数。

在以下演示中，使用这些数据来获取问题中建议的播放列表中的项目，向下滚动直到看到Try it，您可以将所有字段留空，但part应填写为snippet，maxResults 50和playlistId应填写为PL82F269F11AB50FA4，这是您的播放列表ID。

以下是结果的屏幕截图：

您可以看到总结果为93，详细信息存储在items数组中。

找到的项目here是93项。

<强> DEMO