유튜브 영상 임베딩에 문제가 있습니다
이것이 내 토픽 링크입니다.
어떤 문제가 있으신가요?
이 문제에 대한 해결책이 있을까요? 이 문제와 직접적으로 관련이 있는 설정이 있나요?
안전 모드에서도 발생하나요? 브라우저 오류가 있나요? 감사합니다.
모든 방법을 시도해 보았지만 아무것도 작동하지 않습니다.
웹사이트에서 모든 YouTube 영상이 작동하지 않으며, 다음과 같은 오류가 발생합니다.
@hameedacpa, 당신은 아직… 예를 들어, 이 문제는 다른 곳에서 해결된 것으로 보입니다:
이미 온라인에서 제시된 해결책들을 시도해 보셨나요?
내 경우에는 관련이 없다고 생각해요.
@hameedacpa, 왜 그런가요? 에러 코드가 같은데.
불행히도 권장된 솔루션을 시도해 보았지만 작동하지 않습니다. 내부적인 문제라고 생각합니다.
이것이 관련이 있는지 확실하지는 않지만, 쿠키가 대량으로 차단되는 것을 보고 있습니다.
또한, 콘솔에 오류가 없고 안전 모드에서도 여전히 발생하는데…
@hameedacpa allowed_iframes 설정에 https://youtube.com/을 추가하는 건 어떨까요? 도움이 될지는 모르겠습니다.
이 글이 OP의 불만에 +1을 더하는 데 도움이 되길 바랍니다. 아무런 변경 사항 없이(안정 버전 사용 중) 기존에 잘 작동하던 기존 비디오의 재생 버튼을 눌러도 동일한 오류가 발생합니다:
모바일로 시도해 보았으며, 사무실 방화벽 우회, Cloudflare 비활성화 등을 해 보았습니다. 아직 해결되지 않았습니다.
여기서 테스트한 결과는 엇갈리는데, 에디터에서는 오류가 나지만 포럼에서는 정상 표시됩니다:
업데이트:
YouTube가 최근 정책을 강화하여 새로운 임베드 코드에 referrerpolicy="strict-origin-when-cross-origin"와 업데이트된 allow 속성이 포함되도록 했습니다. 다음 기사를 찾았습니다:
이 항목들이 없으면 YouTube가 iframe에서 전송된 구성 요청을 거부하고 오류 153이 표시됩니다.
또한 다음을 참조하세요:
공식 패치가 적용될 때까지 Cloudflare를 이용해 이 문제를 해결했습니다.
같은 문제를 겪고 있는 분들을 위해, 원인은 YouTube가 유효한 referrer policy 헤더가 없는 임베드 요청을 거부하기 시작했기 때문이라고 설명드립니다.
저는 Cloudflare의 **변형 규칙(Transform Rules)**을 통해 Referrer-Policy 헤더를 추가했습니다. (Workers는 필요하지 않습니다.)
구체적인 방법은 다음과 같습니다:
-
Cloudflare에서 Rules → Transform Rules → HTTP Response Header Modification으로 이동합니다.
-
새 규칙을 만들고 All incoming requests를 선택한 후, 정적 헤더를 추가합니다:
Header name: Referrer-Policy Value: strict-origin-when-cross-origin -
규칙을 배포합니다.
패치가 적용되면 이 글을 삭제할 예정입니다.
모두에게 정말 감사드립니다.
문제는 vhost 파일에서 수행되어야 할 다음 변경 사항에 있었습니다.
다음은 ChatGPT에서 가져온 내용입니다.
음 
제가 이해하고 있는 바로는, Discourse의 작동 방식은 컨테이너 내부에서 방금 수행한 Nginx 변경 사항이 다음 ./launcher rebuild app 실행 또는 UI를 통한 업그레이드 시 삭제된다는 것입니다.
해당 변경 사항을 유지하려면 실행 중인 Discourse 컨테이너 내부에서 편집하지 않아야 합니다. 대신 /var/discourse/containers/app.yml 파일에서 변경 사항을 수행하여 재빌드 및 업데이트를 통해 유지되도록 해야 합니다.
추가한 후에는 다음과 같이 재빌드할 수 있습니다:
./launcher rebuild app
모든 사용자가 Cloudflare을 사용하는 것은 아니지만, 이 해결책을 위해 Cloudflare을 선택한 이유가 바로 그 때문입니다. 재빌드 없이 임시적인 우회 방법으로 사용했습니다.
보안 헤더는 브라우저가 마지막에 수신된 헤더를 우선하도록 작동하기 때문에, 이 방법은 효과적입니다.
그저 가장 빠르고 침습적이지 않은 방법으로 문제를 해결하기 위한 것이었습니다. 하지만 컨테이너 내부에서 수행하는 경우, Discourse를 재빌드하거나 업데이트할 때마다 다시 수행해야 한다는 점을 염두에 두시기 바랍니다. 
몇 달 전에도 같은 문제를 겪었는데, 당시에는 사용자 3명만 해당되었습니다. 호스트 관리자가 부재 중이었고 아무도 호스트 설정에 접근할 수 없어 이렇게 해결했습니다:
테마를 편집하여 "head"에 다음을 추가하세요.
<meta name="referrer" content="strict-origin-when-cross-origin">
귀하의 해결책은 이 메타태그와 함께 작동합니다