좋은 소스 잘 뽑아왔어요 👍
이 코드가 말해주는 걸 하나씩 풀어서 설명해볼게요.
1️⃣ 이건 “진짜 유튜브 주소”가 아니다
src="blob:https://www.youtube.com/209a0584-4111-464c-8128-655986c0f47a"
여기서 중요한 부분이 blob: 이거예요.
-
https://www.youtube.com/watch?v=...→ 우리가 아는 실제 영상 URL -
blob:https://www.youtube.com/UUID→ 브라우저 메모리 안에 임시로 만든 가짜 주소
즉,
이건 “유튜브 영상 파일이 저장된 주소”가 아니라,
브라우저가 메모리 안에서 임시로 붙인 별명(가상 URL)
이라고 보면 됩니다.
그래서:
-
이 주소를 그대로 브라우저 주소창에 넣으면 안 열리거나,
-
다른 환경(다른 브라우저 / 다른 컴퓨터 / 나중에 다시)에서는 전혀 동작 안 해요.
✅ 특징 정리
-
세션(현재 페이지/탭)에만 유효
-
웹페이지를 닫으면 이 blob URL도 사라짐
-
쿠팡/유튜브가 동영상 조각들을 받아서 이어 붙인 결과물을 가리키는 임시 주소
2️⃣ 왜 blob URL을 쓰냐? (유튜브/쿠팡의 꼼수(?) 역할)
유튜브 플레이어는 요즘 이렇게 동작해요:
-
영상 전체를 한 방에
.mp4로 받는 게 아니라
조각(m4s, ts, segment) 단위로 스트리밍 받음 (적응형 스트리밍) -
자바스크립트로 그 조각들을 합쳐서
MediaSource / Blob 객체로 메모리 안에서 묶음 -
그 Blob 객체에 가짜 주소 하나 붙여주는 게
blob:... -
<video src="blob:...">로 재생
그래서 개발자 도구에서 보면:
-
실제
.mp4같은 정적 파일 URL이 아니라
blob:...형태의 임시 URL만 보이는 것.
이건 일부러 직접 다운로드/링크 복사/퍼가기를 어렵게 하는 효과도 있어요.
3️⃣ 코드 안에 숨은 의미들
-
유튜브 기본 동영상 태그에 붙는 클래스들
-
모바일/아이폰에서 전체 화면 강제 말고, 페이지 안에서 바로 재생하게 하는 옵션
-
비디오 컨트롤에서 “다운로드” 버튼을 숨겨라는 힌트
(100% 막는 건 아니지만, 기본 UI에서 ‘다운로드’는 안 뜨게 함)
-
스크린리더(시각장애인용 리더기 등)에서 이 요소는 무시해도 된다고 표시
4️⃣ 그래서 중요한 결론 3가지
① 이 blob 주소는 쿠팡에 넣어서 쓸 수 없다
-
쿠팡 동영상 URL 입력칸에
blob:https://www.youtube.com/209a0584-...넣어도 절대 재생 안 됨 -
브라우저 한 탭의 메모리 전용 주소라서
“외부에서 접근 가능한 URL”이 아님
② “유튜브 영상 링크”를 얻으려면 이걸 보면 안 된다
-
우리가 써야 하는 건
-
https://www.youtube.com/watch?v=... -
또는
https://youtu.be/...
이런 실제 영상 페이지 주소
-
-
개발자도구에서
blob:만 보고는 진짜 원본 URL을 복구할 수 없음
③ “영상 파일 뽑아내기용”으로 보기엔 한계가 있다
-
blob URL은 어디 저장된 파일이 아니라
이미 조합된 스트리밍 결과물에 대한 메모리 핸들 -
이걸 이용해서 동영상 파일을 빼내는 건
기술적으로 가능하더라도 유튜브·쿠팡 약관/저작권 이슈에 걸리기 쉽고,
그쪽은 위험구간이라 여기서는 구체적으로 안내해 주기 어렵습니다 🙏 -
내가 올린 영상이라면:
-
유튜브 스튜디오 → “다운로드” 기능 사용
-
또는 애초에 가지고 있던 원본 MP4를 다시 활용하는 게 제일 안전하고 깔끔해요.
-
5️⃣ “그럼 나는 뭘 하면 되냐?” 정리
💡 쿠팡에 영상 넣고 싶다
-
쿠팡 동영상 URL 칸에는 반드시 이 형태만 사용:
쇼츠라면:
-
주소가
https://www.youtube.com/shorts/XXXX라면 -
이렇게 바꿔서 쿠팡에 넣기:
원하시면
-
“지금 내가 쿠팡에서 보고 있는 저 영상이, 유튜브에서 어떤 주소인 것 같아 보이냐”
-
“쿠팡용으로 써먹기 좋은 설명문/후킹 문구 만들어줘”
이렇게 이어서 말해주시면,
그 영상이 상품 상세페이지에서 어떻게 보이면 좋을지까지 한 세트로 짜 드릴게요 😄