Javascript 如何使用从输入中插入的URL嵌入Youtube视频

所以我想在我的网页中嵌入一段youtube视频。要嵌入它，我需要使用用户在输入中插入的URL。我需要使用什么jquery/JavaScript来嵌入视频？

创建一个iframe

<iframe id="myVid" width="420" height="315"
    src="">
</iframe>

---

来自@theDoctor的格式化代码

function getId(url) {
    var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
    var match = url.match(regExp);
    if (match && match[2].length == 11) {
        return match[2];
    } else {
        return 'error';
    }
}
var myId;
$(document).ready(function() {
    $('#embed1').click(function() {
        var myUrl = $('#URL1').val();
        myId = getId(myUrl);
        $('#youtubeID1').html(myId);
        $('#youtube1').html('<iframe width="560" height="315" src="//www.youtube.com/embed/' + myId + '" frameborder="0" allowfullscreen></iframe>');
    });
});

函数getId（url）{ var regExp=/^.*（youtu.be\/|v\/|u\/\w\/|embed\/|watch\？v=\&v=）（[^和\？]*）。/； var match=url.match（regExp）； if（match&&match[2]。长度==11）{ 返回匹配[2]； }否则{ 返回“错误”； } } 粘虫变种； $（文档）.ready（函数（）{ $（'#embed1'）。单击（函数（）{ var myUrl=$（'#URL1'）.val（）； myId=getId（myUrl）； $（'#youtubeID1'）.html（myId）； $（'#youtube1'）.html（''）； }); });

---

请向我们展示您的尝试。通用嵌入代码很容易获得。。。而且修改起来非常简单。从输入中获取值也非常简单，而且到处都有文档记录。在这里询问之前，希望您自己展示一些解决问题的努力，并且通过展示您在partfunction getId（url）{var regExp=/^.*（youtu.be\/|v\/|u\/\w\/|embed\/|watch\\&v=）（[^ v\&&？]*）*/；var match=url.match（regExp）；if（match&&match[2]。length==11）{return match[2]；}else{return'error'；}var myId；$（document）.ready（function（）{$（'#embed1'）。单击（function（）{var myUrl=$（'#URL1'）.val（）；myId=getId（myUrl）；$（'#youtubeID1'）.html（myId）；$（'#youtube1'）.html（''.'））；}）；请用这些代码更新问题…这样就可以格式化和阅读。注释块不适合大代码块我试过了，但它只是说，文件找不到。你可以发布你的代码，我可以更好地查看它吗？

function getId(url) {
    var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
    var match = url.match(regExp);
    if (match && match[2].length == 11) {
        return match[2];
    } else {
        return 'error';
    }
}
var myId;
$(document).ready(function() {
    $('#embed1').click(function() {
        var myUrl = $('#URL1').val();
        myId = getId(myUrl);
        $('#youtubeID1').html(myId);
        $('#youtube1').html('<iframe width="560" height="315" src="//www.youtube.com/embed/' + myId + '" frameborder="0" allowfullscreen></iframe>');
    });
});