使用 Youtube API 在网络服务器上显示视频时如何修复播放 ID 错误？

Posted 2023-02-24

【中文标题】使用 Youtube API 在网络服务器上显示视频时如何修复播放 ID 错误？

【英文标题】：How to Fix Playback ID Error when using Youtube API to display videos on a webserver?

【发布时间】：2021-07-25 12:46:01

【问题描述】：

Youtube 播放器正确加载，但视频在点击播放时显示播放错误，并且缩略图也无法加载。有人可以指出我可能做错了什么。

$(document).ready(function()
    var API_KEY = ""; // Did not include API here but I have it included it my code
    var search = "soccer";
    var video = '';

    videoSearch(API_KEY, search);

    function videoSearch(API_KEY, search)

      $.get("https://www.googleapis.com/youtube/v3/search?key=" + API_KEY
        + "&type=video&part=snippet&maxResults=12&q=" + search, function(data)
          console.log(data);
          data.items.forEach(item => 
            video = `
            <iframe   src="http://www.youtube.com/embed/$(item.id.videoId)" frameborder="0" allowfullscreen></iframe>
            `
            $("#videos").append(video);
          );
      )
    
  )

【问题讨论】：

欢迎来到 Stack Overflow。你能用你的代码创建 JSFiddle 吗？并解释问题？

【参考方案1】：

尝试用大括号替换冒号。

e.g. $(item.id.videoId) to $item.id.videoId