두 값 사이에 유튜브 링크를 얻을 수 및 iframe

Question

로 교체 결과가

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

Answer 1

당신은 (바보 - 증거되지 않음) 정규식을 사용할 수 있습니다 + JQuery와을 할 수 있도록 은 [/ 유튜브]는 임베디드 플레이어를 만들 수 있습니다 이를 달성하기위한 방법은및 .html()입니다.

var youtubeTag = /\[youtube]https?:\/\/(?:www\.)?youtu(?:be\.com|\.be)\/(?:watch\?v=|v\/)?([A-Za-z0-9_-]+)([a-zA-Z&=;_+0-9*#-]*?)\[\/youtube]/, 
    youtubeHTML = '<iframe width="420" height="315" src="http://www.youtube.com/embed/$1?rel=0" frameborder="0" allowfullscreen></iframe>'; 
$(".comment").each(function(){ 
    var $this = $(this); 
    $this.html($this.html().replace(youtubeTag, youtubeHTML)) 
}); 

패턴 일치 : youtube.com, youtu.be

얹는 :

[youtube]

가 www.
• 어느이어서 http:// 또는 https://
• 임의로 시작 슬래시 (/)
• 선택적 : watch?v= 또는 v/
• 유튜브 비디오 ID가 (모든 영숫자 문자, 밑줄 및 하이픈)
• 는 선택적으로 쿼리 문자열/위치 해시의 다른 부분 다음에
• [/youtube]