최근 내 사이트에서 이상한 문제를 발견했습니다. 모든 유튜브 비디오가 내장 버전에서 오류 153을 표시하고 있었습니다. 그것뿐만 아니라, 내 비메오 비디오도 도메인이 올바르게 설정되어 있음에도 불구하고 비공개로 표시되고 있었습니다.
경우에 따라 이것은 귀하의 브라우저에서 문제가 될 수 있지만, 제 경우에는 제 사이트에서 발생한 문제였으며, 구체적으로는 Cloudflare의 한 설정 때문이었습니다.
오류 153 - 플레이어 설정 오류
오류 153 – 플레이어 구성 오류는 YouTube나 Vimeo와 같은 플랫폼에서 임베드된 비디오를 재생하려고 할 때 나타나는 일반적인 문제입니다. 대부분의 경우, 이는 사이트의 결함을 나타내는 것이 아니라 임시 캐시 문제, 오래된 쿠키, 도메인 제한 또는 브라우저 차단과 같은 문제입니다. 기술적으로 보일 수 있지만, 해결책은 대개 간단하며 방문자가 서버의 고급 설정을 건드리지 않고도 스스로 해결할 수 있습니다.
하나의 주요 오류 발생 원인은 브라우저에 플레이어의 오래된 쿠키와 데이터가 쌓이는 것입니다. 이러한 데이터는 선호도 및 세션 정보를 저장하며, 업데이트되지 않으면 비디오가 제대로 로드되지 않도록 방해합니다. 이를 수정하는 가장 쉬운 방법은 쿠키와 캐시를 지우는 것입니다. 브라우저 설정을 열고 프라이버시 영역에 들어가서 기록을 지우고, 쿠키와 저장된 파일을 제거하는 옵션을 선택하면 됩니다. 그 후에는 Ctrl + F5 단축키를 사용하여 페이지를 새로 고쳐 최신 파일을 강제로 로드하는 것이 중요합니다.
오류 153을 일으키는 또 다른 원인은 스크립트나 타사 쿠키의 차단입니다. 광고 차단기, 개인정보 보호 추적기 또는 VPN과 같은 확장 프로그램이 YouTube 또는 Vimeo의 서버와 플레이어 간의 통신을 방해할 수 있습니다. 이러한 경우인지 빠르게 테스트하는 방법은 비공식 탭에서 비디오를 여는 것입니다. 정상적으로 작동하면 어떤 확장 프로그램이 간섭하고 있다는 의미입니다. 이 경우, 일시적으로 차단기를 비활성화하거나 사이트를 허용 목록에 추가하면 됩니다.
일부 경우, 문제는 사용자 세션과 관련이 있을 수 있습니다. 연령, 지역 또는 개인 정보 보호 제한이 있는 비디오는 재생을 위해 로그인이 필요합니다. 방문자가 권한이 없는 계정에 로그인했거나 비디오가 개인 설정으로 되어 있으면 플레이어에서 설정 오류가 표시됩니다. 해결 방법은 계에서 로그아웃하고 페이지를 새로 고친 후 다시 시청해 보거나 비디오를 YouTube 또는 Vimeo에서 직접 열어 사용 가능 여부를 확인하는 것입니다.
네트워크 캐시도 문제에 기여할 수 있습니다. Cloudflare와 같은 플랫폼은 페이지와 스크립트의 이전 버전을 저장하며, 플레이어가 최근에 변경되었다면, 브라우저는 구식 버전을 로드하고 있을 수 있습니다. 이러한 일이 발생하면, 호스팅 패널에서 사이트의 캐시를 지우거나 자동 업데이트를 기다리면 됩니다. 경우에 따라 사이트 관리자도 플레이어가 캐시되도록 방지하는 규칙을 적용할 수 있으며, 이는 문제가 영구적으로 해결되는 경우가 많습니다.
결정적인 솔루션
내 경우에는 오류가 상당히 간단했지만, 잘 알려져 있지 않아서 대부분의 사람들에게는 눈에 띄지 않을 수 있습니다. 클라우드플레어의 메뉴 규칙에서 설정 부분에는 다양한 헤더 옵션이 있습니다.
변환된 관리의 HTTP 응답 헤더 부분에서, 보안 헤더 추가라고 적힌 칸의 체크를 해제해야 합니다. 이 칸의 체크를 해제하고 캐시를 지우면 여러분의 유튜브와 비메오 비디오가 다시 로드되고 정상적으로 작동할 것입니다.
오류가 발생한 것은 Cloudflare의 “보안 헤더 추가” 옵션이 사이트의 모든 응답, 심지어 YouTube와 Vimeo와 같은 외부 임베드에서 오는 응답에도 HTTP 보안 헤더를 자동으로 삽입하기 때문입니다.
이 헤더들은 보안을 강화하기 위해 설계되었지만, 일반적으로 적용되면 타사 리소스에 간섭하게 됩니다. 그 중에는 다음이 포함됩니다:
콘텐츠 보안 정책
크로스 오리진 임베더 정책
크로스오리진-오프너-정책
X-Frame-Options
추천인 정책
이 필드는 페이지 내에 어떤 내용을 로드할 수 있는지를 제어하며, 바로 거기서 문제가 발생합니다.
Cloudflare가 X-Frame-Options: DENY 또는 SAMEORIGIN과 같은 헤더를 추가하면, YouTube나 Vimeo와 같은 외부 콘텐츠가 <iframe> 내에 삽입되는 것을 방지합니다. 브라우저는 보안상의 이유로 외부 플레이어가 표시되지 않아야 한다고 이해하고 오류 153을 반환하여 플레이어 구성에 실패했음을 나타냅니다.
또 다른 충돌을 일으키는 헤더는 Cross-Origin-Embedder-Policy입니다. 이 헤더는 귀하의 도메인과 다른 도메인에서 오는 리소스의 로드를 차단하며, 이러한 도메인이 특정 권한을 전송하지 않는 한 차단됩니다. YouTube와 Vimeo가 자체 서버와 쿠키를 사용하기 때문에 이 정책은 브라우저가 플레이어 실행을 중단하도록 만듭니다 — 정확히 발생했던 상황입니다.
“보안 헤더 추가” 옵션의 선택을 해제하면 Cloudflare는 HTTP 응답에 이러한 차단을 자동으로 삽입하지 않아 플레이어의 iframe을 자유롭게 로드할 수 있습니다. 이렇게 하면 브라우저는 원본 정책 충돌이나 프레임 차단 없이 외부 도메인에서 포함된 비디오를 다시 수락하게 됩니다.
이 기사가 여러분의 문제 해결에 도움이 되었기를 바랍니다! 댓글과 공유에 감사드립니다!