iframe内の内容を反応的にするにはどうすればいいですか？

Question

iframeを使用してチャンネルをストリーミングするサイトのプレーヤーを埋め込んでいます。私はiframeを反応させることができます。しかし、コンテンツ、つまりiframe内の動画プレーヤーは、ビューポートの変更に適応していません。私はインターネットからいくつかのソリューションを試しましたが、それらのすべてがiframeを応答しますが、内容は内部にはありません。

iframeの内部でビデオプレーヤーを反応させる方法はありますか？

私はプレーヤーのソースコードにアクセスできませんのでご注意ください。ここで

は、HTMLファイルへのリンクです： IFrame Codeは（私はこれの作業フィドルを作成することができませんでしたので、代わりにファイル共有。）

Answer 1

私はソースへのアクセスを持っていないことに注意してくださいをプレーヤーのコード。

あなたが iframeに対処しながら、知っている一つの大きなものは、IFRAMEの ソースは

• iframeのソースとして同じドメインを持っている悩みに

  ある

このiframeをレンダリングするメインページ：この場合、ブラウザはiframeの内容に手を入れ、それをdesiとして操作させます赤。メインサイトとiframeの両方が同じドメインの下にあるので、必要に応じてコンテンツを変更できるように、あなたが権限を持っていることを意味します。

したがって、ファイルのソースコードにアクセスできない場合でも、同じドメインにある場合は、コンテンツを反応的にする方法があります。 This would require Jquery

iframeのソースがのドメインが、このIFRAMEをレンダリングあなたのメインページと同じではありません。この場合は、あなたのページでそれを表示する以外はiframeに多くを行うことはできません。ブラウザでは、このiframeの内容を変更することはできません。これは、すべてのブラウザで実行されるセキュリティプロトコルです。私は私のウェブサイトの私のiframe内にユーチューブをレンダリングし、自分の名前に文字列「ユーチューブ」のすべてのインスタンスを変更する、これ作ることができます。例： - すべての私たちは内容を操作するためのアクセス権を与えられている場合、何が起こるか

• このサイト全体は私のもののように見えます。また、私はajax呼び出し、jqueryのものなどを操作することができますなど..とサイトからデータを取得します。