Javascript JS:Insert youtubelink=youtube info

我已经做到了这一点：

$.get('http://gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ?v=2&alt=json', function(data) {
        var title = data.entry.title.$t;
        var description = data.entry.media$group.media$description.$t;
        var thumbnail = data.entry.media$group.media$thumbnail[0].url; // URL of the image

        alert (description);
                alert (title);
                        alert (thumbnail);
        // Use these variables somewhere
});

此脚本用于一个特定的视频

现在，我希望同样的事情发生，但你插入一个youtube链接，然后这就发生了

e、 g您将其粘贴到一个普通的

，然后它将为您提供这三个警报，以及您插入的视频链接的描述、标题和缩略图

因此，它以某种方式将其转换为G7YXn lfHXc，然后在此行插入该视频链接ID：

$.get（'此处？v=2&alt=json'，函数（数据）{

---

或者？我该怎么做？请帮助我满足我对系统的最后需求，谢谢。

更新了一些验证，以避免返回错误的无效数据（例如错误的youtube链接）

这会帮你解决的

您可以将事件放置在按钮上或输入字段的“模糊”上

<input type="text" name="youtube" id="youtube_url" />

<script>
$(document).ready(function(){
    $("#youtube_url").blur(function() {
            var url=$(this).val();
            //get the youtube video id
            regx = new RegExp("http://(www.)?youtube.com/(.*)v=([a-zA-Z0-9\-]+)");
            var ytID = regx.exec(url);

            if(ytID!=null && ytID[3]!="") {
                $.get('http://gdata.youtube.com/feeds/api/videos/'+ytID[3]+'?v=2&alt=json', function(data) {
                        if(data.entry != null) {                                                                         
                            var title = data.entry.title.$t;
                            var description = data.entry.media$group.media$description.$t;
                            var thumbnail = data.entry.media$group.media$thumbnail[0].url; // URL of the image

                            alert (description);
                            alert (title);
                            alert (thumbnail);
                        // Use these variables somewhere
                        }
                });
            }
    });                        
});
</script>

$（文档）.ready（函数（）{
$（“#youtube_url”）.blur（函数（）{
var url=$（this.val（）；
//获取youtube视频id
regx=newregexp（“http://（www.）？youtube.com/（*）v=（[a-zA-Z0-9\-]+）”；
var ytID=regx.exec（url）；
如果（ytID！=null&&ytID[3]！=“”）{
$.get（'http://gdata.youtube.com/feeds/api/videos/“+ytID[3]+”？v=2&alt=json'，函数（数据）{
如果（data.entry！=null）{
var title=data.entry.title.$t；
var description=data.entry.media$group.media$description.$t；
var thumbnail=data.entry.media$group.media$thumbnail[0].url；//图像的url
警报（描述）；
警报（标题）；
警报（缩略图）；
//在某个地方使用这些变量
}
});
}
});                        
});

您需要什么帮助？您的代码运行良好。我希望这样，当您将youtube视频链接粘贴到我页面上的一个框中时，它会使用粘贴的视频链接的IDYou rock运行此代码，谢谢，不是因为源代码，而是我现在明白了下次如何执行此操作。没有问题。唯一真正棘手的是正则表达式。很高兴我能提供帮助。