iframe埋め込みコンテンツが読み込まれない

Question

私のページに HTMLタグを使用しています。 YouTubeのコンテンツを埋め込む：

<iframe src="https://www.youtube.com/embed/DnPQNOq8x2s"></iframe> 

コンテンツは読み込まれません。

Firefoxでは何も表示されません。 Chromeでは、「拡張機能によってブロックされたリクエスト」のようなメッセージが表示されます。

埋め込みiframeコンテンツをブロックするもの、および読み込みと表示の方法を教えてください。

Answer 1

これはおそらくContent Security Policy HTTP応答ヘッダーのためです。

あなたのHTTPフレームワークまたはサーバーが応答にこのヘッダーを挿入するように構成されている場合、あなたはそれのためにframe-srcディレクティブ設定していることを確認してください：（あなたが埋め込みたい任意のサイトまたは同等の）

Content-Security-Policy: frame-src *.youtube.com;を

HTTPサーバーまたはフレームワークのドキュメントでは、これを構成する方法を指定する必要があります。