如何将我的 YouTube 频道视频及其标题自动嵌入到网站

Question

我有一个 Youtube 频道，我可以自动将这些视频添加到网站，但我想在视频下方添加标题，这部分我无法实现，任何人都可以帮助我吗？谢谢

我已经尝试过这个并且可以自动添加视频，但我还想在其下方的 h1 中添加视频标题。

<iframe src="https://www.youtube.com/embed?
        listType=playlist&list=UUlbIlkP6078-DapTSPwYy7Q&index=2"></iframe>

Answer 1

您可以使用 YouTube 嵌入 iframe 自动将视频添加到您的网站。要将视频标题包含在其下方，请使用 YouTube 数据 API 获取视频标题并使用 JavaScript 动态插入。

<iframe id="video" src="https://www.youtube.com/embed?listType=playlist&list=UUlbIlkP6078-DapTSPwYy7Q&index=2"></iframe>
<h1 id="videoTitle"></h1>

<script>
  const apiKey = 'YOUR_YOUTUBE_API_KEY';
  const playlistId = 'UUlbIlkP6078-DapTSPwYy7Q';
  const index = 2;

  fetch(`https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=${playlistId}&key=${apiKey}`)
    .then(response => response.json())
    .then(data => {
      const videoId = data.items[index - 1].snippet.resourceId.videoId;
      const title = data.items[index - 1].snippet.title;
      document.getElementById('video').src = `https://www.youtube.com/embed/${videoId}`;
      document.getElementById('videoTitle').textContent = title;
    })
    .catch(error => console.error('Error fetching video title:', error));
</script>