Javascript replace using regular expression

Question

I need replace url from a string.

example:

var container = "hello http://www.youtube.com/watch?v=r94hrE10S84 hello";

I want replace to:

container = "hello <iframe  src='//www.youtube.com/embed/r94hrE10S84' </iframe> guys";

Im trying to do:

container = container.replace("http://www.youtube.com/watch?v=(/\w*\d+\w*/)","<iframe src='//www.youtube.com/embed/$1' </iframe>");

thank you

score 1 · Answer 1 · answered Nov 12 '13 at 10:55

1

container.replace(/(https?:\/\/\S+)/i, "<iframe  src='$1' </iframe>");

answered Nov 12 '13 at 10:55

Vahid Taghizadeh

997
8
9

anubhava · Accepted Answer · 2013-11-12T11:07:56.153

0

You can use:

repl = container.replace(/(https?:\/\/\S+)/i, function(m) { 
        if (m.indexOf(".youtube."))
         return m.replace(/^(.+?)\/watch\?v=(.+)$/, "<iframe src='$1/embed/$2'> </iframe>");
       else return m;
    });

//=> ello <iframe src='http://www.youtube.com/embed/r94hrE10S84'> </iframe> hello

edited Nov 12 '13 at 11:07

answered Nov 12 '13 at 10:47

anubhava

761,203
64
569
643

Ty but it don't change watch?v= for embed/ and I only want change url of youtube. – MrVila Nov 12 '13 at 10:57

score 0 · Answer 3 · edited May 23 '17 at 11:43

(?:https?://)?(?:www\.)?youtu(?:be\.com/watch\?(?:.*?&(?:amp;)?)?v=|\.be/)([\w‌\-]+)(?:&(?:amp;)?[\w\?=]*)?

ID Should be on first group.

So your code will be like:

var container = "http://www.youtube.com/watch?v=r94hrE10S84";
var reg = /(?:https?:\/\/)?(?:www\.)?youtu(?:be\.com\/watch\?(?:.*?&(?:amp;)?)?v=|\.be\/)([\w‌\-]+)(?:&(?:amp;)?[\w\?=]*)?/;
container = container.replace(reg,"<iframe src=\"//www.youtube.com/embed/$1\"></iframe>");

This take into account even link w/o www, w/o protocol and short links (youtu.be)

Fiddle

Source

Javascript replace using regular expression

3 Answers3