2013-10-16 12 views
7

Tworzę własny odtwarzacz HTML 5 w przeglądarce. Wszystkie elementy sterujące działają niezależnie od tego, czy pełny ekran działa w IE 10, Chrome, Safari i Firefox.Pełny ekran HTML wideo 5 Internet Explorer

Moje umiejętności w zakresie obsługi JavaScript nie są najlepsze, więc byłoby wspaniale, gdyby niektóre z nich w prosty sposób wyjaśniły mi, że byłoby wspaniale.

Czytałem na niektórych stronach internetowych, że IE nie obsługuje pełnego ekranu, jeśli tak jest, dlaczego mogę przejść do trybu pełnoekranowego za pomocą elementów sterujących odtwarzacza w IE10? (Nienawidzę Microsofta za bzdura i wszystko!)

Doceniamy, pomoc i sugestie! z góry dziękuję!

To, co mam tak daleko do mojego pełni funkcję ekranu:

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

Odpowiedz

6

Czytałem na jakiejś stronie, że IE nie obsługuje Full Screen

to won” t obsługuj full screen api do wersji 11.

jeśli tak, to dlaczego mogę przejść na Pełny ekran przez brata Kontrola odtwarzacza na IE10?

Ponieważ są to kontrole natywne; nie używają pełnego interfejsu API.

+0

Ok widzę, więc nie jest to sposób, aby obejść ten problem? Czy nie mogę uzyskać dostępu do rodzimych formantów za pośrednictwem JS? @Quentin – 001221

+0

Nie, nie ma sposobu obejścia tego. – Quentin

9

IE nie wspiera pełnoekranowy interfejs API, aż do wersji 11.

Jednakże, jeśli szukasz do uzyskania podobnego efektu w IE10 < =, można przełączać się między position: static element i position: fixed. Podczas gdy element ma ustalone położenie, możesz nadać mu width: 100%; height: 100%.

Możesz zobaczyć, jak to zrobić w przypadku IE na komputerze YouTube's HTML5 player.

Co więcej, wygląda na to, że możesz wysłać klucz z JavaScript, który przenosi okno przeglądarki do trybu wyświetlania pełnoekranowego.

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

z tymi dwoma metoda w połączeniu, myślę, że jest to najbliżej IE można uzyskać w emulacji pełnoekranowy API.

1

Zauważ, że IE11 potrzebuje również przedrostek sprzedawca. msRequestFullscreen()

Tak dla pełnej funkcjonalności przekroju przeglądarki trzeba coś takiego:

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(); 
}