HTML5 wideo na pełnym ekranie w przeglądarkach mobilnych (Android)

Po wielkich badaniach nie znalazłem jeszcze odpowiedzi na moje pytanie. Chciałem osiągnąć mój cel dzięki FullScreenAPI, ale nie jest on obsługiwany w żadnej przeglądarce mobilnej (z wyjątkiem Firefoksa 19 i przeglądarki Blackberry - ale potrzebuję rozwiązania opartego na różnych przeglądarkach). Here's the source. Przetestowałem także FullScreenAPI w natywnej przeglądarce Androida i mobilnej wersji Chrome z odpowiednio wstępnie ustawionymi pełnoekranowymi funkcjami. Każda funkcja była typu undefined.HTML5 wideo na pełnym ekranie w przeglądarkach mobilnych (Android)

Innym podejściem był rtsp protokół, który zwykle jest obsługiwany przez zewnętrznego gracza. Here to facet, który zakłada, że m.youtube.com używa tego rozwiązania - myślę, że to nieprawda (może odpowiedź jest nieaktualna). Youtube korzysta z pełnego ekranu natywnego wideo. W mobilnym Chrome po dotknięciu przycisku odtwarzania film natychmiast przechodzi w tryb pełnoekranowy.

Chociaż każde źródło I google mówi mi, że rodzimy fullscreen nie jest możliwe na android przeglądarek HTML5 nadal elementem wideo z jego rodzimej kontroli daje nam pełnoekranowy przycisk, który działa doskonale tam.

Ponieważ nie chcę rodzimych kontroli, może ktoś udostępnić dowolny pomysłowe rozwiązanie How to trigger HTML5 video fullscreen button'sevent?

Źródło

2013-03-05 matewka

Możesz zrobić wyskakujące okienko o 100% szerokości/wysokości z przyciskiem zamknięcia na absolutnym odtwarzanym wideo HTML5.

Stary, prosty i brudna sztuczka ... Ale działa

Źródło

2013-03-05 19:06:18

Tak, zapomniałem podzielić się tą możliwością w pytaniu. Niestety nie jest to rozwiązanie dla mnie :(muszę wyzwolić ten bardzo pełny ekran z natywnego przycisku (lub, jeśli nie jest to możliwe, muszę być w 100% pewny). – matewka

Spróbuj video.webkitEnterFullscreen() w interaktywnej obsługi zdarzenia użytkownika (np klik)

Źródło

2014-02-10 03:56:03 OOO

wszystko, czego potrzebujesz do pracy nad „i” webkitbeginfullscreen "webkitendfullscreen" imprezy dla urządzeń mobilnych, i think.it będzie

<!doctype html> 
<html> 
<head> 
<title>video</title> 
<script type="text/javascript"> 
function videoControl() { 
    var myVideo = document.getElementById('myVideo'); 
    myVideo.addEventListener("webkitbeginfullscreen", enteringFullscreen, false); 
    myVideo.addEventListener("webkitendfullscreen", exitingFullscreen, false); 
} 

function enteringFullscreen() { 
    alert("entering full-screen mode"); 
} 

function exitingFullscreen() { 
    alert("exiting full-screen mode"); 
} 
</script> 
</head> 
<body onload="videoControl()"> 
<div id="videoContainer"> 
<video id="myVideo" src="myVideo.m4v" autoplay controls> 
</video> 
</div> 
</body> 
</html>

Źródło

2014-02-25 10:00:04

-1

Oto co używam, który powinien bardzo dużo pracy wszędzie:

function toggleFullScreen() { 
    var doc = window.document; 
    var elem = doc.body; //the element you want to make fullscreen 

    var requestFullScreen = elem.requestFullscreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen || elem.msRequestFullscreen; 
    var cancelFullScreen = doc.exitFullscreen || doc.webkitExitFullscreen || doc.mozCancelFullScreen|| doc.msExitFullscreen; 

    if(!(doc.fullscreenElement || doc.mozFullScreenElement || doc.webkitFullscreenElement || doc.msFullscreenElement)) { 
     requestFullScreen.call(doc.body); 
    } 
    else { 
    cancelFullScreen.call(doc); 
    } 
}

Źródło

2015-02-04 04:02:20 MikeC

To sprawia, że strona jest w trybie pełnoekranowym, a nie tylko elementem lub wideo. –

HTML5 wideo na pełnym ekranie w przeglądarkach mobilnych (Android)

Odpowiedz

Powiązane problemy