Wie um herauszufinden, ob ein Video im Vollbild-Modus in Chrom gespielt wird

Question

ich versuche, herauszufinden, wenn ein Videovollbild-Modus eintritt und wenn Ausfahrten, ich habe folgendes listerens hinzugefügt:

@element.addEventListener("webkitbeginfullscreen", (e) -> 
    @fullscreen = true 
) 

@element.addEventListener("webkitendfullscreen", (e) -> 
    @fullscreen = true 
) 

@element.addEventListener("webkitfullscreenchange", (e) -> 
    @fullscreen = .... 
) 

aber nicht von Meine Hörer fangen jedes Ereignis, wenn ich auf Vollbild umstelle. Ich habe auch ohne Glück folgenden Code versucht, (es ist immer falsch):

videoElement.webkitDisplayingFullscreen 

i Google Chrome Version bin mit 45.0.2454.85 (64-Bit) auf Ubuntu und der Spieler über html5-Video-Tag ist flowplayer.

wird jede Hilfe

Answer 1

Es ist ratsam, den Ereignishandler zu dem Dokument hinzugefügt

direkt wie folgt aus den Handler (rein js hinzufügen) arbeitet für Chrom:

document.addEventListener("webkitfullscreenchange", function (event) { 
    console.log("on webkitfullscreenchange"); 
    alert("on webkitfullscreenchange"); 
}); 

ich einen kurzen Code Stift als eine Demo erstellt.

copepen example

Aber wenn Ihr mit dem Flowplayer Sie wahrscheinlich ihre API verwenden sollten.

Answer 2

Sie folgende verwenden können geschätzt werden ...

jQuery(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', '#videoElementId', function(e) { 
    var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen; 
    var event = state ? 'FullscreenOn' : 'FullscreenOff'; 

    // Now do something interesting 
    alert('Event: ' + event);  
});