javascript将YouTube链接转换为嵌入视频

我的页面上有很多链接，都是在随机的地方草草记下的。如果有这样的链接：

<a href="https://youtu.be/4tG274QuqHM" title="Go To https://youtu.be/4tG274QuqHM" target="_blank" style="text-decoration:none;">https://youtu.be/4tG274QuqHM</a>

JavaScript中是否有任何方法可以获取任何形式的YouTube链接并将其转换为YouTube嵌入Iframe，方法是使用JavaScript使其看起来像这样

<iframe width="420" height="345" src="http://www.youtube.com/embed/4tG274QuqHM?autoplay=0&autohide=1&controls=2&rel=0" frameborder="0" allowfullscreen="true"></iframe>

有人能修改这个代码使它工作吗

$(document).ready(function() {
    $('a').each(function() {
        var matches = $(this).attr("href").match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/);
            if(matches){
                $(this).attr("class","youtube-link");
            }
    });
    $('a.youtube-link').each(function() {
        var yt_url = this.href,
            yt_id = yt_url.split('?v=')[1],
            yt_id = yt_url.split('embed/')[1],
            yt_title = $(this).text();
        $(this).replaceWith('<iframe style="max-width:560px;max-height:315px;" width="600" height="600" src="http://www.youtube.com/embed/' + yt_id + '?rel=0" frameborder="0" allowfullscreen></iframe>');
    });
});

$（文档）.ready（函数（）{
$（'a'）。每个（函数（）{
var matches=$（this.attr（“href”）.match（/^（？：https？：\/\/）（？：www\）（？：youtu\.be\/；youtube\.com\/（？：embed\/；v\/；watch\？v=；watch\？+&v=）（（\w |-）{11}）（？：\S+）/）；
如果（匹配）{
$（this.attr（“class”，“youtube链接”）；
}
});
$（'a.youtube-link'）。每个（函数（）{
var yt_url=this.href，
yt_id=yt_url.split（'？v='）[1]，
yt_id=yt_url.split（'embed/'）[1]，
yt_title=$（this.text（）；
$（此）。替换为（“”）；
});
});

我会查看此链接。这是谷歌在Youtube iFrame上的文档。

---

我会查看此链接。这是谷歌在Youtube iFrame上的文档。

---

您只需点击

锚定

标记，提取

href

值，并用

iframe

标记替换现有的

锚定

标记

<a href="https://youtube.com/watch?v=4tG274QuqHM" title="Go To https://youtube.com/watch?v=4tG274QuqHM" target="_blank" style="text-decoration:none;">https://youtube.com/watch?v=4tG274QuqHM</a>
<br>
<a href="http://www.youtube.com/embed/XGSy3_Czz8k" title="Go To http://www.youtube.com/embed/XGSy3_Czz8k" target="_blank" style="text-decoration:none;">http://www.youtube.com/embed/XGSy3_Czz8k</a>
<script>
$('a').click(function(e)
{
   var target = $(this).attr('href');
   var iframe = $('<iframe/>',{ width: "420", height: "315" , src : target});
   $(this).replaceWith(iframe);
   e.preventDefault();
});
</script>

$（'a'）。单击（函数（e）
{
var target=$（this.attr（'href'）；
变量iframe=$（''，{宽度：“420”，高度：“315”，src:target}）；
$（this）.replacetwith（iframe）；
e、 预防默认值（）；
});

---

示例：

您只需点击

anchor

标记提取

href

值，并用

iframe

标记替换现有的

anchor

标记

<a href="https://youtube.com/watch?v=4tG274QuqHM" title="Go To https://youtube.com/watch?v=4tG274QuqHM" target="_blank" style="text-decoration:none;">https://youtube.com/watch?v=4tG274QuqHM</a>
<br>
<a href="http://www.youtube.com/embed/XGSy3_Czz8k" title="Go To http://www.youtube.com/embed/XGSy3_Czz8k" target="_blank" style="text-decoration:none;">http://www.youtube.com/embed/XGSy3_Czz8k</a>
<script>
$('a').click(function(e)
{
   var target = $(this).attr('href');
   var iframe = $('<iframe/>',{ width: "420", height: "315" , src : target});
   $(this).replaceWith(iframe);
   e.preventDefault();
});
</script>

$（'a'）。单击（函数（e）
{
var target=$（this.attr（'href'）；
变量iframe=$（''，{宽度：“420”，高度：“315”，src:target}）；
$（this）.replacetwith（iframe）；
e、 预防默认值（）；
});

---

示例：

是的，这可以使用JavaScript完成。您实际尝试了什么？请向我们展示您的JavaScript代码以及您希望它能做什么。StackOverflow不是一个代码编写服务-您必须先尝试一些东西，我们才能帮助您。@MathiasBecher我已经非常努力地尝试了一些JavaScript，但效果并不理想；你能帮我修好吗？？？是的，这可以用JavaScript来完成。你到底试过什么？请向我们展示您的JavaScript代码以及您希望它能做什么。StackOverflow不是一个代码编写服务-您必须先尝试一些东西，我们才能帮助您。@MathiasBecher我已经非常努力地尝试了一些JavaScript，但效果并不理想；你能帮我修好吗？？？它不好用。你能在上面查看我的Javascript代码吗？它不好用。你能在上面查看我的Javascript代码吗

<a href="https://youtube.com/watch?v=4tG274QuqHM" title="Go To https://youtube.com/watch?v=4tG274QuqHM" target="_blank" style="text-decoration:none;">https://youtube.com/watch?v=4tG274QuqHM</a>
<br>
<a href="http://www.youtube.com/embed/XGSy3_Czz8k" title="Go To http://www.youtube.com/embed/XGSy3_Czz8k" target="_blank" style="text-decoration:none;">http://www.youtube.com/embed/XGSy3_Czz8k</a>
<script>
$('a').click(function(e)
{
   var target = $(this).attr('href');
   var iframe = $('<iframe/>',{ width: "420", height: "315" , src : target});
   $(this).replaceWith(iframe);
   e.preventDefault();
});
</script>