Refused to display https://www.youtube.com/watch?v=xxx in a frame because it set X-Frame-Options to SAMEORIGIN. の解決方法

Wed, August 3, 2016 - 1 min read

YouTube の動画ページの URL をそのまま iframe タグの src に指定すると、

Refused to display ‘https://www.youtube.com/watch?v=xxx’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

というエラーが発生してしまいます。

YouTube

Refused to display 'https://www.youtube.com/watch?v=xxx' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

間違った iframe src


YouTube の [共有] - [埋め込みコード] に記載されている https://www.youtube.com/embed/xxx という形式の埋め込み用 URL を使えばエラーが発生しなくなります。

YouTube 埋め込みコード

正しい iframe src


以上、現場からお送りしました。