요즘 HTML 문서를 만드는, 아니 업데이트하는 중인데... 갑자기 동영상 링크가 안 뜬다. ㅜㅜ
좀 알아봤더니... 코딩 문제가 아니라... 유튜브 보안 정책의 문제라고 한다. -.-;;
언제나 시간이 지나면 예전에 없던 것들이 생기고, 뭐가 추가되고, 변경된다. 그때마다 수정하고, 보완하는 번거로움과 수고는 어쩔 수가 없다. 세상에 평생 방치하고, 신경 안 쓰고, 놀고먹는 방법은 없는 듯하다.^^;
암튼 해결 방법은 아래와 같다.
HTML 페이지에서 ‘오류 153 동영상 플레이어 오류’ 란?
- ‘오류 153’은 유튜브 영상 임베드 시 발생하는 “Video player configuration error”로, 최근 구글이 보안 정책(Referrer Policy)을 강화하면서 생긴 문제다. 브라우저 확장 프로그램이나 웹사이트 코드 설정을 조정하면 대부분 해결할 수 있다.
= 오류 153 발생의 주요 원인:
1) Referrer 정보 차단. 유튜브는 영상이 어느 사이트에서 재생되는지 확인해야 하는데, 브라우저나 서버가 이를 숨기면 오류 발생하게 된다.
2) 광고 차단/안티 트래커 확장 프로그램 AdBlock, uBlock Origin, Bitdefender Anti-tracker 등이 Referrer를 막아 영상 재생이 차단된다.
3) 웹사이트 설정 문제: 워드프레스, 티스토리, 노션 등에서 iframe 코드에 Referrer Policy가 누락된 경우에도 발생한다.
= 대처 방법:
1) 일반 사용자(시청자) 라면 브라우저 확장 프로그램 끄기 바란다. 크롬/엣지: 우측 상단 퍼즐 아이콘 → 광고 차단/추적 방지 확장 프로그램 → 해당 사이트에서만 OFF 시키면 된다.
2) 파이어폭스 사용자라면 주소창에 about:config 입력 → network.http.referer.XOriginPolicy 검색 → 값이 0으로 설정되어야 정상 작동한다.
※ 이후 새로고침(F5)을 하여 정상 재생 여부를 확인한다.
4) 프론트앤드 개발자라면
- IFRAM 사용 시: <iframe width="560" height="315" src="https://www.youtube.com/embed/영상ID" referrerpolicy="strict-origin-when-cross-origin"></iframe>
- PYTHON 사용 시: SECURE_REFERRER_POLICY = "strict-origin-when-cross-origin"
※ 워드프레스, Node.js 등에서도 동일하게 Referrer Policy를 조정하면 해결 가능하다.
- 캐시/쿠키 삭제로는 해결 불가하다. 왜냐하면 이 오류 153은 데이터 문제 아닌 보안 정책 문제이기 때문이다.
- 모바일 앱(WebView)에서도 발생한다. 앱 개발자가 Referrer 헤더를 전송하지 않으면 동일 오류 발생한다.
- 일시적 서버 오류가 아니라 유튜브가 영구적 정책 변경으로 보안 강화를 위해 의도적으로 적용한 정책이다.
결론: 시청자라면 브라우저 확장 프로그램을 끄거나 설정을 조정하고, 홈페이지 운영자라면 iframe 코드에 referrerpolicy="strict-origin-when-cross-origin"을 추가하면 오류 153을 해결할 수 있다.
