Wie zu Lesen webkitAllowFullScreen-Attribut im iframe mit javascript

Für die folgenden iframe-code: 

<iframe src="testA.html" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Innen testA.html, wie erkenne ich ob die webkitAllowFullScreen-Attribut per javascript eingebunden?

InformationsquelleAutor wwwuser | 2011-12-12
  1. 1

    Dies ist das robusteste Lösung:

    if(window.frameElement && window.frameElement.hasAttribute("webkitAllowFullScreen")){

}

    Es nutzt Fenster.frameElement, der gibt den DOM-Knoten des übergeordneten framing-element, das können Sie dann eine hasAttribute Anruf gegen.

    • Wie funktioniert testA.html wissen, heißt es testA.html? Ich möchte lieber nicht hartcodieren der Wert für den Dateinamen.
    • Ah, gut, das ist ein bisschen anders. Funktioniert dies nur auf iframes auf der gleichen domain (aufgrund der same-origin-policy), also die oben genannten arbeiten sollten, solange Sie nicht komisch iframe-code
    • Spezifischere Abklärungen über die boolean Attribut situation
    • Das hilft. Was ist, wenn ich mehrere <iframe src="testA.html"></iframe> auf das übergeordnete Dokument und einige haben die webkitAllowFullScreen-Attribut, und andere nicht?
    • Wichtige Frage. Ich ging zurück ans Reißbrett und merkten, dass wir nicht brauchen, ein hacky Lösung. Das obige ist voll robust.
    • Das scheint gut zu funktionieren, außer Fenster.frameElement scheint immer undefiniert in webkit.
    • Dies funktioniert nicht auf Ipad in Safari
    • Das funktioniert nicht, wenn der iframe auf eine andere domain.

    InformationsquelleAutor Yahel
  2. 5

    Wenn die allowfullscreen-Attribute Hinzugefügt werden, ist der iframe die variable unten sollte true

    var fullscreenEnabled = document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled;

    Dies funktioniert sogar, wenn der iframe src auf eine andere domain.

    Hinweis: der Buchstabe s in fullscreenEnabled Großbuchstaben ist für Firefox

    InformationsquelleAutor luwes
Schreibe einen Kommentar