Estoy diseñando una página html5 para teléfonos inteligentes Android 4 con un solo video de 3gpp (o mp4) que tiene que reproducirse automáticamente a pantalla completa cuando se abre; cuando termine el video, debe redireccionar a otra url.html5 video en Android 4: reproducir pantalla completa y luego redireccionar a otra página web - no funciona
Algunos google me dijeron que la reproducción automática ya no está permitida en Android 4, por lo que opté por mostrar una imagen de póster que el usuario debe hacer clic para iniciar el video. continuación:
- modo de pantalla completa se invoca
- de vídeo se iniciará automáticamente (era de hecho inicia haciendo clic usuario imagen del cartel de)
- cuando termine de vídeo para reproducir Android debe salir de pantalla completa
- y finalmente redirigir usuario a otra página.
2 y 3 no están trabajando: después de invocar a pantalla completa el usuario tiene hacer otro "clic" para iniciar el vídeo y cuando el vídeo termina exitFullScreen no funciona (pantalla es negro y el usuario tiene que presionar la tecla "atrás" en la teléfono para salir del reproductor de video del teléfono).
Parece que video.webkitExitFullScreen()
y video.play()
son ignorados en Android 4.
Este es el marcado HTML5 y JavaScript código que estoy usando, ¿podría por favor me ayude a que apunta a una solución?
Gracias!
<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>
video.webkitEnterFullScreen(); ¿esto funcionó para ti en Android 4.1? Lo dudo. –