Vídeo html5 no Android 4: reproduza em tela cheia e redirecione para outra página da web - não funciona
Estou criando uma página html5 para smartphones Android 4 com um único vídeo 3gpp (ou mp4) que precisa ser reproduzido automaticamente em tela cheia quando aberto. quando as extremidades do vídeo devem redirecionar para outro URL.
Alguns googling me disseram que a reprodução automática não é mais permitida no Android 4, então escolhi exibir uma imagem de pôster que o usuário precisa clicar para iniciar o vídeo. Então:
o modo de tela cheia é invocadoo vídeo deve iniciar automaticamente (foi iniciado pelo usuário clicando na imagem do pôster)quando o vídeo terminar de jogar o Android deve sair em tela cheiae finalmente redirecionar o usuário para outra página.2 e 3 não estão funcionando: depois de chamar fullscreen o usuário fez outro "clique" para iniciar o vídeo e quando o vídeo termina a tela não funciona (tela é preta e o usuário tem que pressionar a tecla "voltar" no telefone para sair do telefone video player).
Parecevideo.webkitExitFullScreen() evideo.play() são ignorados no Android 4.
Esta é a marcação html5 e código javascript que estou usando, você poderia por favor me ajudar a me apontar para uma solução?
Obrigado!
<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>