Video html5 en Android 4: juegue a pantalla completa y luego redirija a otra página web - no funciona
Estoy diseñando una página html5 para teléfonos inteligentes con Android 4 con un solo video de 3gpp (o mp4) que debe reproducirse automáticamente en pantalla completa cuando se abre; Cuando el video termina debe redirigirse a otra url.
Algunos usuarios de Google me dijeron que la reproducción automática ya no está permitida en Android 4, así que elegí mostrar una imagen de póster en la que el usuario tiene que hacer clic para iniciar el video. Entonces:
se invoca el modo de pantalla completael video debería comenzar automáticamente (de hecho, el usuario lo hizo clic en la imagen del póster)Cuando termine el video para jugar Android debe salir de pantalla completay finalmente redirigir al usuario a otra página.2 y 3 no funcionan: después de invocar a pantalla completa, el usuario debe hacer otro "clic" para iniciar el video y cuando el video termina, la pantalla completa no funciona (la pantalla está en negro y el usuario tiene que presionar la tecla "atrás" en el teléfono para salir del teléfono reproductor de video).
Parecevideo.webkitExitFullScreen() yvideo.play() Se ignoran en Android 4.
Este es el código html5 de marcado y javascript que estoy usando, ¿podría ayudarme a indicarme 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>