html5 wideo na Androida 4: odtwarzaj na pełnym ekranie, a następnie przekieruj na inną stronę internetową - nie działa
Projektuję stronę html5 dla smartfonów z Androidem 4 z jednym wideo 3gpp (lub mp4), które musi automatycznie odtwarzać na pełnym ekranie po otwarciu; kiedy zakończenia wideo powinny przekierować do innego adresu URL.
Niektórzy gogli powiedzieli mi, że autoodtwarzanie nie jest dozwolone na Androidzie 4, więc zdecydowałem się wyświetlić obraz plakatu, który użytkownik musi kliknąć, aby rozpocząć wideo. Następnie:
wywoływany jest tryb pełnoekranowywideo powinno się automatycznie uruchomić (rzeczywiście zostało rozpoczęte przez kliknięcie przez użytkownika obrazu plakatu)kiedy wideo do odtwarzania w systemie Android powinno wyjść z pełnego ekranui wreszcie przekierować użytkownika na stronę.2 i 3 nie działają: po wywołaniu pełnego ekranu użytkownik wykona kolejne „kliknięcie”, aby uruchomić wideo, a gdy wideo się skończy, ekran nie działa (ekran jest czarny i użytkownik musi nacisnąć klawisz „wstecz” w telefonie, aby wyjść z telefonu Odtwarzacz wideo).
Wygląda jakvideo.webkitExitFullScreen() ivideo.play() są ignorowane w systemie Android 4.
To jest znacznik HTML5 i kod javascript, którego używam, czy mógłbyś pomóc mi wskazać rozwiązanie?
Dzięki!
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<meta name="description" content="" />
<title>test</title>
<script type="text/javascript">
function videoEnd() {
var video = document.getElementById("video");
video.webkitExitFullScreen();
document.location = "http://www.google.com";
}
function playVideo() {
var video = document.getElementById("video");
video.addEventListener('ended', videoEnd, false);
video.webkitEnterFullScreen();
video.play();
}
</script>
</head>
<body>
<video id="video" poster="../img/image.jpg" onclick="playVideo();">
<source src="../video/videoname.3gp" type="video/3gpp" />
</video>
</body>