get youtube link between two values and replace with iframe
<p>if there's a html like the following</p>

<pre><code>&lt;div class="comment"&gt;
[youtube]http://www.youtube.com/watch?v=videoid1[/youtube]
random text
&lt;/div&gt;
&lt;div class="comment"&gt;
[youtube]http://youtu.be/videoid2[/youtube]
random text2
&lt;/div&gt;
</code></pre>

<p>how using jquery could you extract the youtube video id from links for each <code>.comment</code> element between <strong>[youtube]</strong> to <strong>[/youtube]</strong> to create an embedded player so the outcome will be</p>

<pre><code>&lt;div class="comment"&gt;
&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/videoid1?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
random text
&lt;/div&gt;
&lt;div class="comment"&gt;
&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/videoid2?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
random text2
&lt;/div&gt;
</code></pre>
