外贸站实现Google API调用Youtube播放列表

投稿 05-06 17:10

要实现在外贸站上调用 Google API 播放 YouTube 播放列表,你需要执行以下步骤:

创建 Google 开发者账号并启用 YouTube Data API。

创建一个新的项目并获取其 API 密钥。

在你的网站上添加一个 JavaScript 脚本,以加载 Google API 客户端库并授权访问。

使用 Google API 客户端库的 JavaScript 方法调用 YouTube Data API,以检索播放列表信息。

使用 JavaScript 在你的网站上显示播放列表的信息和视频。

升级版思路:

https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=123&key=123&maxResults=20

返回视频列表JSON数组

... .then(data => {

      const items = data.items.map(item => {
        return {
          channelId: item.snippet.resourceId.videoId,
          title: item.snippet.title,
          thumbnailUrl: item.snippet.thumbnails.standard.url
        }
      })
      const videoDiv = document.getElementById('video')
      videoDiv.innerHTML = Tohtml(items)
      setCookie(cookieName, items)

    }) ...

插入HTML中每一个JSON的item对应生成

<div class="swiper-slide" onclick="video1('${item.channelId}')"><img src="${item.thumbnailUrl}" alt="${item.title}"></div>

外贸站实现Google API调用Youtube播放列表

再通过video1方法根据channelId切换播放Youtube视频。

免责声明:本文中的文字及图片均来自于网络,如果涉及到您的版权问题,或是您不想让本站使用您的这些信息,请您来信告知【Email:380355757@qq.com】,我们会及时更改(删除),维护您的权力。本站不承担由此引起的任何法律责任!