jQuery从youtube加载元标记内容

我想在用户键入链接并按submit时从youtube加载meta标记。 我试过以下方法：

<div id="container">
<center>
<input type="text" id="url" />
<div><a href="#" id="loadnow">Load youtube  video</a></div>
    <div id="wrap">
        <div id="title"></div>
        <div id="info"></div>
        <div id="link"></div>
        <div id="video"></div>
    </div>
</center>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$('#loadnow').click(function(){
    var url = $('#url').val();
    $('#wrap').fadeOut(function(){
            $('#title').load(url + 'meta[itemprop=name]').attr("content");// second try
        $('#info').load('url meta[itemprop=description]'); //first try
        $('#link').load('url meta[itemprop=url]');
        var videoUrl = $('#video').load('url meta[itemprop=name]');
        $('#video').html("<iframe width='560' height='315' src='"+videoUrl+"' frameborder='0' allowfullscreen></iframe>");
        $('#wrap').fadeIn();
    });
});
});
</script>

$（文档）.ready（函数（）{
$（'#loadnow'）。单击（函数（）{
var url=$（'#url'）.val（）；
$（'#wrap'）.fadeOut（函数（）{
$（'#title'）.load（url+'meta[itemprop=name]'）.attr（“content”）；//第二次尝试
$（“#info”）.load（'url meta[itemprop=description]）；//第一次尝试
$（'#link'）.load（'url meta[itemprop=url]'）；
var videoUrl=$（'#video'）.load（'url meta[itemprop=name]'）；
$（'#video'）.html（“”）；
$（'#wrap'）.fadeIn（）；
});
});
});

如何从youtube加载这些元标记并将其输出给用户？ 我在谷歌上找不到关于它的任何信息。

---

编辑：它不返回任何内容。

因此这几乎是有效的：

$（“#title”）.load（url+“meta[itemprop=name]”）。attr（“内容”）

，该变量正被编入字符串的其余部分，但在

url

变量和字符串的其余部分之间需要一个空格，以便jQuery知道

meta[itemprop=name]

不是url的一部分：

$('#title').load(url + ' meta[itemprop=name]').attr("content");

现在，您将遇到从另一个域请求内容的问题。因此，您需要使用JSONP或创建一个服务器端代理来为您收集远程信息

使现代化

---

我认为对您帮助最大的是设置一个代理从YouTube网站上获取信息，或者甚至更好地您可以使用YouTube API之一：

您尝试通过AJAX访问不同域上的内容。这是不可能的，因为。

谢谢！是的，我想我会被挡在外面。我已经尝试了一个scim他们的API，但是我找不到关于获取元标记的东西。我也一直在尝试看看facebook做了什么，是的，他们做了一个json请求。。所以也许我也应该这么做：）