일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 리액트
- components
- 프론트엔드
- 시멘틱태그
- npm
- JavaScript
- Download
- vue-cli-service
- FRONT
- antd
- VUE
- axios
- vscode
- type
- TradingVIew
- NeXT
- Package
- frontend
- Chart
- err
- form
- 이미지
- react
- CSS
- error
- 리액트기초
- useState
- number
- 상태관리
- develop
Archives
- Today
- Total
개발쬬
[javascript] Youtube watch url 을 embed 형식으로 바꾸기 본문
반응형
정규식을 활용해 기존 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 |