Hallo Leute,
Ich habe mich im Internet ein bisschen umgesehen, wie man mit JS ein <video>-Element in den Vollbildmodus schaltet. Folgendes Beispiel habe ich gesehen:
var elem = document.getElementById("name-of-element");
function activateFullscreen() {
if(elem.requestFullscreen) {
elem.requestFullscreen();
} else if(elem.mozRequestScreen) {
elem.mozRequestScreen();
} else if(elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
} else if(elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
}
Bei einem <video>-Tag funktioniert das Ganze auch. Wenn ich es jedoch mit einem <div>-Container probiere, funktioniert es nicht. Kann mir jemand erklären wie das funktioniert?
Danke