2016-04-19 10 views
0

iFrameがヘッドコードまたはHTMLコードをロードしていないイントラネットページで問題が発生しました。一部のページでiFrameがSafariに読み込まれないのはなぜですか?

この問題はSafari(El Capitan、Yosemite、およびiPhones)でのみ発生し、特定のページでのみ発生しています。 htmlを調べるとiframeコードが見えますが、#documentセクションを展開するとhtmlタグが空になります。

コンソールにエラーが表示されません。私たちが気付く唯一の事は、ロードされるデータが大幅に少なく、約15コールが少ないことです。

iframeが正しく読み込まれない原因については、誰でも洞察してください。私たちはjavascriptを使ってiframeタグを空のdivに挿入することができます。

ありがとうございます!

編集: サンプルのiFrameコード:

<iframe allowfullscreen="true" src="https://www.youtube.com/embed/[YOUTUBEID]?rel=0&wmode=opaque" frameborder="0"></iframe> 
+0

ドメインからコンテンツが読み込まれていますか?または別のもの? –

+0

@JohnConde iframeは実際にはYouTubeの埋め込みコードです。私たちがどのビデオを使用しているかは問題ではないようですが、すべて失敗するようです。質問にiframeコードのサンプルを配置しました。 –

答えて

-2

親ドメインですhttp:// ???私はhttps urlをiFrame内に格納しているが、親サイトは非セキュアなhttpプロトコルを使用している現時点で同様の問題があります。 src = "https://www.youtube.com/embed to src =" http://www.youtube.com/embedを変更してみてください 同じ問題がありますか?

+0

これですべてのブラウザのiframeが破損してしまいます。 –

0

私は問題は古いと知っていますが、iframeコードを追加するかonloadイベントを追加するためにsetTimeoutを追加しようとしましたか?

setTimeout(function() { 
    div.innerHTML = '<iframe allowfullscreen="true" src="https://www.youtube.com/embed/[YOUTUBEID]?rel=0&wmode=opaque" frameborder="0"></iframe>'; 

    div.querySelector("iframe").addEventListener("load", function() { 
     console.warn("Video loaded"); 
     div.querySelector("iframe").focus(); 
    }); 
}, 100); 
+0

投稿する前にコードを試しましたか?二重引用符は適切ではなく、エラーになります。 –

+0

あなたはそうです、これは修正されています! 私はYoutubeとVimeoの埋め込みにSafari(バージョン10.1)が正しく読み込まれていなかったので、このコードを追加することで解決しました。 –

関連する問題