Javascript 使用Ajax将Youtube剪辑放入Google地图信息窗口

对于一个Udacity项目，我正在尝试使用GoogleMapsAPI以及Knockout和Ajax创建一个邻居地图，以使用另一个第三方API。由于班上没有其他人使用过Youtube，我决定将重点放在我附近的酒吧上，并使用Ajax在Youtube上搜索该酒吧的任何相关视频（我查看了每个酒吧，以确保每个酒吧至少存在一个视频）。我让我的地图只处理一个嵌入式视频，只是为了确保它能正常工作，但是当我尝试用Ajax调用infoWindow特定的视频时，我遇到了一个控制台错误。这里是Ajax调用

var yt_url = "https://www.googleapis.com/youtube/v3/search" + markerList[i];
        var ytRequestTimeout = setTimeout(function(){
        console.log("failed to get Youtube resources");
    }, 8000);
        google.maps.event.addListener(marker, "click", function(){
          //make some room for youtube ajax call and supporting code here.
        $.ajax({
          type: "GET",
          url: yt_url,
          datatype: "jsonp",
          success: function(response){
            var ytWindow = new google.maps.InfoWindow({
              content: '<object width="425" height="344"><param name="movie" value="am name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src=yt_url type="application/x-shockwave-flash" width="425" height="344" allowscriptaccess="always" allowfullscreen="true"></embed></object>'
              })
            ytWindow.open(map, marker);

          }

        })

var yt_url=”https://www.googleapis.com/youtube/v3/search“+markerList[i]；
var ytRequestTimeout=setTimeout（函数（）{
log（“获取Youtube资源失败”）；
}, 8000);
google.maps.event.addListener（标记“单击”，函数（）{
//在这里为youtube ajax调用和支持代码留出一些空间。
$.ajax({
键入：“获取”，
url:yt_url，
数据类型：“jsonp”，
成功：功能（响应）{
var ytWindow=new google.maps.InfoWindow({
内容：'
…src=yt\u url类型…
不会将url插入字符串中，您必须执行一些字符串连接
…src='“+yt\u url+””类型…

content: '<object width="425" height="344"><param name="movie" value="am name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+yt_url+'" type="application/x-shockwave-flash" width="425" height="344" allowscriptaccess="always" allowfullscreen="true"></embed></object>'

content:'