要实现在外贸站上调用 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>
再通过video1方法根据channelId切换播放Youtube视频。