COEP/COOP 헤더를 추가한 이후로 Youtube iframe이 동작하지 않아요

Question

NextJS로 프런트를 개발하고 있습니다만 SharedArrayBuffer를 사용해야 해서, COEP/COOP 헤더를 추가한 상황입니다.아래는 next.config.js 파일 내용입니다.const nextConfig &#61; { reactStrictMode: false, swcMinify: true, output: 'standalone', images: { domains: [...], }, async headers() { return [ { source: '/(.*)', headers: [ { key: 'Cross-Origin-Embedder-Policy', value: 'require-corp', }, { key: 'Cross-Origin-Opener-Policy', value: 'same-origin', }, ], }, ]; }, }; module.exports &#61; nextConfig;위와 같이 설정하고나서 Youtube iframe이 동작하지 않습니다.그래서 아래 헤더를 추가해봤으나 결과는 동일했습니다.{ key: 'Content-Security-Policy', value: &#96;frame-ancestors 'self' https://www.youtube.com;&#96;, }COEP/COOP 헤더가 정상적으로 동작하고 있는 것이긴 하지만.. 이 정책에서 Youtube는 제외 하거나 추가 설정해서 iframe도 함께 동작하게 할 수 있는 방법이 있을까요?

COEP/COOP 헤더를 추가한 이후로 Youtube iframe이 동작하지 않아요

0개의 답변

#iframe 목록