반응형
정규식을 활용해 기존 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 추출 불가능");
}
},
반응형
'쬬는 개발중' 카테고리의 다른 글
[Next/image] Next 활용하기 + 전역변수 src 설정 에러 해결과정 (0) | 2022.11.10 |
---|---|
[javascript] 이메일 인증 타이머 기능 구현 (+ 애플로그인 구현 썰) (0) | 2022.11.09 |
[css] 화면에서 object 요소가 정리되서 나오도록 하기 (0) | 2022.11.02 |
[javascript] 선택 날짜가 기간 사이에 있는지 체크하는 함수 localeCompare (0) | 2022.11.01 |
[환경변수설정] Next + React , Vue 에서 env 파일 설정시 주의해야 할 점/ undefined (0) | 2022.10.19 |