HTML5-Video mit Fullscreen-Modus im IE9 und Firefox
Ich bin curently auf einem HTML5-video-Plugin und unten ist mein code, und versuchen zu arbeiten mit benutzerdefinierten Steuerelementen.
Das problem ist ich habe ein fullscreen-button, wenn ich es auf dem video braucht, um es zu ändern, um den Fullscreen-Modus.Ich bin in der Lage zu bekommen, klappte es in chrome aber nicht in IE und Firefox.
function addvideo() {
var addvideo = $('<canvas id="canvas" height="468" width="560"></canvas><div class="videocontainer"><video id="video1"><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg; codecs="theora, vorbis""><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2""><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg; codecs="theora, vorbis""><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm type="video/WebM; codecs="vp8, vorbis""></video></div>');
$(addvideo).appendTo('#video');
}
function addcontrols() {
var controls = $('<table><tr class="controls"><td id="playbtn" class="playbtn" title="Play/Pause"><td id="elapsedtimer" class="elapsedtimer">00:00</td><td id="videoslider" class="videoslider"></td><td id="totaltimer" class="totaltimer">00:00</td><td class="HD"></td><td class="fullscreen"></td><td><td id="volumeslider" class="volumeslider"></td><td class="volumeon" title="Mute/Unmute"></td></tr></table>');
$(controls).appendTo('#controlspane');
}
Dies ist die Funktion für den Fullscreen-Modus:
$('.fullscreen').on('click', function() {
$('#video1').get(0).webkitEnterFullscreen();
$('#video1').get(0).mozRequestFullScreen();
return false;
});
Kann mir jemand empfehlen, wie kann ich ändern, damit mein Ziel erreichen?
- Hi, so endlich haben Sie in einem hack oder plugin zu aktivieren Vollbildmodus im IE 8,9 auch?
- Nein....noch nicht:(
- Ist es verfügbar? Überhaupt, darstellen können, - Elemente Vollbildmodus im IE 8/9?
Du musst angemeldet sein, um einen Kommentar abzugeben.
ie9 nicht unterstützt das Vollbild-api
für FF und Chrome einfach verbessern Sie Ihre Funktion... zuerst fallen die "get(0)" für den kürzeren "[0]". Dann fügen Sie eine Variable zum Zwischenspeichern der Zeiger auf das video und schließlich fügen Sie die w3c-version der Befehl