Replace youtube tags with iframe tags

Hello dear all,

I want a code for my editor that will replace the youtube tags with the iframes tags.
What i mean is:
When i want to add a youtube video in my posts i add it through the youtube icon and it takes the part after the / and adds it in [youtube] tags. Like this:

Code: [youtube]c7nRTF2SowQ[/youtube]

Now those c7nRTF2SowQ are the key letters for the iframe too. So what i want is a code that will replace

Code: [youtube]

with

Code: <iframe width="560" height="315" src="https://www.youtube.com/embed/

and

Code: [/youtube]

with

Code: " frameborder="0" allowfullscreen></iframe>

Is there any code that will help me to that?



The alternative way would be a code that will replace the [youtube] tags after the post was sent and change them into the iframe tags i wrote above.

Any of these would be perfect!!

Thanks for your time and much appreciation for those who help!


My forum details:
Forum Link: http://www.thinktankforum.net
Forum Version: Phpbb3


Luffy

@Luffy try installing the following script in all the pages.

Code:

$(function() {
  for (var a = $('embed[src*="youtube"]'), i = 0, j = a.length; i < j; i++) {
    a[i].insertAdjacentHTML('beforebegin', '<iframe width="560" height="315" src="' + a[i].src + '" frameborder="0" allowfullscreen></iframe>');
    a[i].parentNode.removeChild(a[i]);
  }
});

It'll replace the embed elements with iframes.

Thank you @Ange Tuteur. That was exactly what i wanted!

Thanks again for the help Ange.

Topic solved and archived ~ brandon_g

Hello and thank you brandon for re-opening the topic,

So the code @Ange Tuteur gave me works fine but it's not actually the one i posted on the first post.
The iframe on the first post has a src of "https://www.youtube.com/embed/Video Url" and the rest.. The code i have now simple changes the simple youtube frame to the iframe with that width. Is there any way we could change it to the actual iframe because when i tried to add the src in the js it showed me an error to the video. I suppose it's the "embed" word in the link (?) because it replaces the embed (?)

Thanks for your help!

Bump.