정규식을 이용하여 youtube iframe html 만들기

정규식을 활용해서 youtube 주소를 iframe html로 사용하기

html내용중에 아래와 같은 youtube URL이 들어가 있다면,

해당 URL을 읽어서 youtube 동영상을 url 다음에 추가할 수 있다.

https://youtu.be/OtnwBOvZQKM

https://www.youtube.com/watch?v=OtnwBOvZQKM

위의 url에서 필요한 부분은 youtube 코드값이기 때문에 아래 정규식을 이용하여 코드값을 구할 수 있다.

코드값을 추출하기 위한 정규식

/https?:\/\/www.youtube.com\/watch\?v=([a-zA-Z0-9\-_]+)/gi,

/https?:\/\/youtu.be\/([a-zA-Z0-9\-_]+)/gi

정규식으로 code값을 추출하고 iframe 코드를 html에 추가해준다.

구현 내용은 아래 url에서 확인 가능

http://codepen.io/hulint/pen/ENWdag