Содержание в плавающем фрейме показывает в Chrome, но не в Firefox

Question

Вот список ответов на стандартные вопросы, касающиеся IFrame вопросов:

1. Родительская страница и ребенка (страница внутри фрейма) находятся в том же домене, субдомен и каталог.
2. В iframe нет обменов xml, vtt и т. Д.
3. Сервер S3, CORS включен, но я не думаю, что это важно в этой ситуации.

У меня есть викторина (дочерняя страница), доступ к которой осуществляется через главную страницу (родительский).

Ребенок: https://glx.s3.amazonaws.com/ff/jqm.html

Родитель: https://glx.s3.amazonaws.com/ff/draft.html

Функция Iframe содержится в гармошку. Аккордеон, викторина, iframe и т. Д. Полностью функциональны в Chrome. Когда в Firefox, iframe не показывает викторину. Еще страннее, в очень редких случаях викторина появляется, но она исчезает после обновления. У меня есть демо-страница без реального контента. IFrame указывается в красном тексте. Заранее спасибо.

DEMO

JS: JQuery 2.1.4, JQuery UI 1.11.2, JWPlayer 6,12, jQuizMe 2.2.1

UPDATE: Я не рассматривает этот ответ * просто решение моей конкретной проблемы. Я знаю, что этого должно быть больше, и есть много умных людей, чем я там, у которых есть лучший ответ.

* См. Править ниже.

EDIT

После 4-х месяцев не было никакого ответа, кроме моей, так что я буду отвечать сам.

Answer 1

Я нашел это post, который подсказывал мне, как Firefox блокирует контент iframe, если он незашифрованный контент на зашифрованном веб-сайте SSL. Тем не менее, все мои URL-адреса являются https, включая `src iframe. Поэтому в итоге я сузил его до источника детской страницы. Я использовал 3 набора опций при инициализации плагина jQuizMe, пока требуется только одно. Строгая безопасность Блокировщика смешанных содержимого Firefox считала мой неаккуратный код Mixed Active Content (a.k.a. Mixed Script Content). Поэтому я поместил все свои параметры в один набор скобок, и теперь у меня есть контент в iframe при использовании Firefox.

JS

Старый JS на детской странице (jqm.html)

$(function($){ 
    var options = { 
     numOfQuizQues: 12, 
     disableDelete: true, 
     showWrongAns: true, 
     showAns: true, 
     review: true 
}; 
    var quiz = { 
     multiList: [ 
      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 

      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
     ], 

    }, 
    options = { 
     allRandom: true, 
     title: ' ' 
    }; 
    options.showHTML = true; 
    $(".quizArea").jQuizMe(quiz, options); 
}); 

Пересмотренный JS

$(function($){ 
    var quiz = { 
     multiList: [ 
      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 

      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
      { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
         { 
       ques: "QUESTION?", 
       ans: "C", 
       ansSel: ["A","B","D","E"] 
      }, 
     ], 

    }, 
    options = { 
     allRandom: true, 
     title: ' ', 
       numOfQuizQues: 12, 
     disableDelete: true, 
     showWrongAns: true, 
     showAns: true, 
     review: true, 
       showHTML: true 
    }; 

    $(".quizArea").jQuizMe(quiz, options); 
});