YouTubeの「X-Frame-Options」エラーの解決方法


' in a frame because it set 'X-Frame-Options' to 'sameor...'」は、YouTubeのセキュリティポリシーによって外部のウェブページでの表示が制限されていることを示しています。このエラーを解決するためには、いくつかのシンプルで簡単な方法があります。以下にそれらを説明します。

  1. リンクを別タブで開く: もっとも簡単な方法は、YouTubeのリンクを新しいタブで開くことです。ユーザーがYouTubeのコンテンツにアクセスできるようになりますが、ウェブページに直接埋め込むことはできません。

  2. YouTubeのAPIを使用する: YouTubeのAPIを使用することで、YouTubeのコンテンツを自分のウェブページに埋め込むことができます。YouTubeのAPIは、プログラミング言語に依存してさまざまなコード例があります。以下にJavaScriptの例を示します。

<html>
<head>
  <script src="https://www.youtube.com/iframe_api"></script>
  <script>
    function onYouTubeIframeAPIReady() {
      var player;
      player = new YT.Player('player', {
        videoId: 'VIDEO_ID',
        events: {
          'onReady': onPlayerReady,
        }
      });
    }
    function onPlayerReady(event) {
      event.target.playVideo();
    }
  </script>
</head>
<body>
  <div id="player"></div>
</body>
</html>

このコード例では、YouTubeのAPIを読み込み、指定したビデオIDのYouTubeプレーヤーを作成して再生します。ビデオIDを適切な値に置き換えて使用してください。

これらの方法を使用することで、YouTubeのコンテンツをウェブページに埋め込むことができます。ただし、セキュリティポリシーによって制限されている場合は、他の方法を試す必要があります。