jQuery を介してコンテンツが動的に読み込まれるサイトを作成しています。これは、オーディオ プレーヤーを実行したままにし、ページ コンテンツを更新せずにナビゲートできるようにするためです。
YouTube 動画を機能させようとして問題が発生しました。このように設定されています。
サイト コンテンツは .load() を使用して読み込まれ、ビデオ ページには YouTube ビデオへのリンクの順不同リストが含まれ、それぞれに空<div>の forがあり<iframe>ます。リンクをクリックすると が拡大し、 がビデオ<li>に埋め込まれます。<iframe>
<iframe>がソースをロードせず、このエラーがスローされることを除いて、すべてがうまく機能します。
「X-Frame-Options」が「SAMEORIGIN」に設定されているため、 「 http://www.youtube.com/watch?v=myvideo 」をフレームに表示することを拒否しました。
また、同じ結果で with に追加しようとし<iframe>ました。<li>display: none;
javascript の同じドメイン ポリシーを理解していると思っていましたが、これは理解できません。エラーをグーグルで検索すると、サーバー側の何かだと思いますか？しかし、それは意味がありません。
このようなものをいじるのは難しいです。それが理にかなっていることを願っています。