Erkennung-Ereignis ändern im Vollbild-Modus von Internet explorer

Ich versuche, eine Ereignisprozedur schreiben, die erkennt ob ein video-player, den ich im Vollbild-oder "normaler" Modus.

Habe ich versucht, mit

 document.addEventListener("fullscreenchange", myfunc, false);

aber das funktioniert nicht im IE, ich habe implemnted das gleiche für firefox und chrome mit webkitfullscreenchange und mozfullscreenchange Veranstaltung. Gibt es irgendeine andere Veranstaltung, die ich verwenden können, DH für diese? Oder ein anderer Weg, dies zu tun?

Jede Hilfe würde geschätzt werden. Danke!

  • Sorry zu sagen, der HTML5-Vollbild-API nicht unterstützt IE10, so bezweifle ich, aber alles andere als ein hack funktioniert. caniuse.com/#feat=fullscreen
InformationsquelleAutor lboyel | 2013-04-17
  1. 11

    Haben Sie jQuery, so verwenden Sie es:

    var screen_change_events = "webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange";
$(document).on(screen_change_events, function () {

});

    (addEventListener ist nicht unterstützt in früheren Versionen als IE 9 sowieso)

    Zur gleichen Zeit, es sieht nicht aus wie Vollbild wird unterstützt in jeder version des IE:

    MDN Referenz:

    Hier ist eine mögliche hack um ihn herum:

    • ja, ich sah diesen hack, aber ich wurde gerade gefragt ob es ein standard-Weg, dies zu erreichen, danke!
    • Nun ja, mit der Fullscreen API, aber das ist nicht unterstützt in jedem IE und viele andere Browser. Da gibt es gar nichts, dass kann Sie nachahmen. Kann es sein, jQuery-plugins oder so, aber alles was Sie tun ist, machen es einfacher zu arbeiten mit der API. Wenn die API nicht unterstützt im browser, würde ich sagen, hack ist die einzige/beste Möglichkeit.
    • dies funktioniert nicht bei IE11 oder später für den IE11 und später hinzufügen 'MSFullscreenChange' zu screen_change_events
    InformationsquelleAutor Ian
  2. 1

    Es ist ein jQuery-plugin namens jquery-fullscreen, dass wird genau das tun, was Sie wollen. Bis der Fullscreen-API-standard hat sich herauskristallisiert, dies ist wahrscheinlich die beste option.

    Können Sie auch die Modernizr fullscreen-api prüfen und shim, wenn der browser es nicht unterstützt durch brennen der Veranstaltung selbst (siehe diese Frage für ein Nachweisverfahren)

    • scheint so, das ist die beste Lösung bisher, danke!
    • Vergessen Sie nicht, akzeptieren Sie eine Antwort und ggf. upvote die Antwort und alternative Antworten. Siehe: meta.stackexchange.com/questions/5234/...
    • Ich habe versucht, diese mit IE11, aber das funktioniert nicht. Ich habe auch versucht mit "MSFullscreenChange", aber es funktioniert nicht. Gibt es irgendeine andere Möglichkeit, dies zu tun?
    InformationsquelleAutor dtech
  3. -1

    laden Sie dieses Skript: https://raw.githubusercontent.com/sindresorhus/screenfull.js/gh-pages/dist/screenfull.js

    verwenden Sie diesen code:

    if (screenfull.enabled) {
    screenfull.onchange(() => {
        icono_full(screenfull.isFullscreen);
    });
}


function icono_full(x) {
    if (x == true) {
        //do when full screen is on
    } else {
        //not full screen
    }
}

    finden Sie unter: https://github.com/sindresorhus/screenfull.js

    • OP fragt nach einer Lösung für den IE. Nach MDN, display-mode funktioniert nur auf Chrome und Firefox: developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode. Haben Sie geprüft, Ihre Lösung auf IE?
    • ich weiß nicht, wie, aber ich öffnen Sie die Beispiel-link auf den IE und es funktioniert. link
    • Gut, jetzt haben Sie geändert, deine Antwort völlig – es wurde, basierend auf CSS/media-query das Letzte mal sah ich es – vielleicht klappt es ja.
    InformationsquelleAutor Matias Gonzalez
Schreibe einen Kommentar