Vollbild Video HTML 5 Internet Explorer

Question

Ich erstelle meinen eigenen HTML 5 Browser Player. Alle Steuerelemente arbeiten auseinander, um den vollen Bildschirm in IE 10 arbeiten zu lassen, Chrome, Safari und Firefox funktionieren großartig.

Meine JavaScript-Fähigkeiten sind nicht die besten, also wäre toll, wenn einige Dinge auf einfache Weise für mich erklären könnten, das wäre großartig.

Ich habe auf einer Website gelesen, dass IE nicht Vollbild unterstützt, wenn dies der Fall ist, kann ich Vollbild über die Browser-Player-Steuerelemente auf IE10 gehen? (Hass Microsoft so Mist und hinten auf alles!)

Würde ich schätzen und helfen und Anregungen! Danke im Voraus!

Das ist, was ich bisher für meine Vollbild-Funktion haben:

function toggleFullScreen() { 
    if(vid.requestFullScreen) { 
    vid.requestFullScreen(); 
    } else if(vid.webkitRequestFullScreen) { 
    vid.webkitRequestFullScreen(); 
    } else if(vid.mozRequestFullScreen) { 
    vid.mozRequestFullScreen(); 
    } 
    } 

Answer 1

ich auf einige Website gelesen haben, die IE nicht Vollbild

Es unterstützt ‚gewonnen t unterstützt die full screen api bis Version 11.

wenn dies der Fall ist, kann ich Vollbild über den bro gehen wser Spieler steuert auf IE10?

Weil sie sind native Kontrollen; Sie verwenden nicht die Vollbild-API.

Answer 2

IE hat nicht die Vollbild-API unterstützt, bis Version 11.

Wenn Sie jedoch eine ähnliche Wirkung in IE10 < = herzustellen suchen, könnten Sie ein Element zwischen position: static und position: fixed wechseln. Solange das Element fest positioniert ist, können Sie es width: 100%; height: 100% geben.

Sie können sehen, wie es auf YouTube's HTML5 player für IE getan wird.

Darüber hinaus scheint es, Sie können die F11 Tastendruck von JavaScript senden, die das Browser-Fenster in einen Vollbild-Anzeigemodus bringt.

var wscript = new ActiveXObject("Wscript.shell"); 
wscript.SendKeys("{F11}"); 

Mit diesen beiden Verfahren kombinierten, ich denke, das ist der nächste IE in Emulation der Vollbild-API erhalten.

Answer 3

IE 11 es nicht unterstützt, funktioniert gut, besser als Chrome in einigen Fällen gibt es einen Fehler mit iframes jedoch:

https://connect.microsoft.com/IE/feedback/details/814527/ie11-iframes-body-offsetwidth-incorrect-when-iframe-is-in-full-screen-mode#tabs

Answer 4

Beachten Sie, dass IE11 auch einen Anbieter Präfix muss. msRequestFullscreen()

Also für volle Cross-Browser-Funktionalität benötigen Sie so etwas wie dieses:

var video = document.getElementById('videoID'); 
if (video.requestFullscreen) { 
    video.requestFullscreen(); 
} else if (video.mozRequestFullScreen) { 
    video.mozRequestFullScreen(); 
} else if (video.webkitRequestFullscreen) { 
    video.webkitRequestFullscreen(); 
} else if (video.msRequestFullscreen) { 
    video.msRequestFullscreen(); 
}