반응형
Notice
Recent Posts
Recent Comments
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

개발쬬

[javascript] Youtube watch url 을 embed 형식으로 바꾸기 본문

쬬는 개발중

[javascript] Youtube watch url 을 embed 형식으로 바꾸기

Joooooooo 2022. 8. 17. 10:28
반응형

정규식을 활용해 기존 watch_url 정보를 embed 코드로 변환이 가능하다

 

let youtubeUrl = extractVideoID('watch_url');

let reUrl = `https://www.youtube.com/embed/${youtubeUrl}`;



extractVideoID(url) {
        var regExp =  /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
        
        var match = url.match(regExp);
        
        if (match && match[7].length == 11) {
        
        //id 추출이 가능한경우
          return match[7];
          
        } else {
        
        //id 추출이 불가능한경우
          alert("Id 추출 불가능");
          
        }
        
 },

 

 

 

반응형