html5 vidéo sur Android 4: jouer en plein écran, puis rediriger vers une autre page web ne fonctionne pas

Je suis de la conception d'une page html5 pour Android 4 smartphones avec un seul 3gpp (ou mp4) vidéo qui a pour lecture automatique en plein écran lors de l'ouverture; lorsque la vidéo se termine devrait rediriger vers une autre url .

Quelques recherches sur google m'a dit que l'exécution automatique n'est pas plus autorisée sur Android 4, j'ai donc choisi d'afficher une image d'affiche, l'utilisateur doit cliquer sur le bouton pour lancer la vidéo.
Alors:

le mode plein écran est invoquée
vidéo devrait démarrer automatiquement
(a en effet commencé par l'utilisateur en cliquant sur l'affiche de l'image)
lorsque la vidéo a fini de jouer Android devrait sortir en plein écran
et enfin rediriger l'utilisateur à anothe page.

2 et 3 ne fonctionnent pas: après avoir invoqué en plein écran à l'utilisateur d'avoir faire un autre "clic" pour lancer la vidéo et lorsque la vidéo se termine exitfullscreen ne fonctionne pas (l'écran est noir et l'utilisateur d'appuyer sur "retour" sur le téléphone à la sortie du téléphone, lecteur vidéo).

Ressemble video.webkitExitFullScreen() et video.play() sont ignorés sur Android 4.

C'est le balisage html5 et javascript code que j'utilise, pourriez-vous m'indiquer une solution?

Merci!

    <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>

vidéo.webkitEnterFullScreen(); fait ce travail pour vous sur Android 4.1? J'en doute.

OriginalL'auteur guidobras | 2012-05-23

J'ai quelques suggestions qui pourraient vous aider,

Ce sera applicable pour le web d'Android vue des Applications android de l'application web.

Vous pouvez créer la android crochet vers le haut ou le web d'android voir le client, de les transmettre les valeurs que la variable (Query String) et lire la vidéo à partir de l'Android natif, où vous avez tout le contrôle.

Veuillez trouver le code pour la lecture de la vidéo.

enter code here

public void videoPlayer(String path, String fileName, boolean autoplay){
getWindow().setFormat(PixelFormat.TRANSLUCENT);
//the VideoView will hold the video
VideoView videoHolder = new VideoView(this);
//MediaController is the ui control howering above the video (just like in the default youtube player).
videoHolder.setMediaController(new MediaController(this));
//assing a video file to the video holder
videoHolder.setVideoURI(Uri.parse(path+"/"+fileName));
//get focus, before playing the video.
videoHolder.requestFocus();
if(autoplay){
    videoHolder.start();
}

}

Si vous voulez implémenter une sorte de brillant cove alors contactez-moi je vais t'aider pour le HTML 5

Acclamations

OriginalL'auteur Jabeer

1

Je sais que c'est un vieux post, mais quelqu'un peut être à la recherche pour cela.
Personnellement je viens de masquer la vidéo-élément (avec un simple jquery $videoElement.hide()) une fois la vidéo terminée, ce qui me ramène à l'navigateur automatiquement.

Nous avons testé sur plusieurs appareils mobiles (iOS et Android).

J'ai encore un autre problème, qui est que maintenant mon navigateur semble être en plein écran (ce qui provoque d'autres problèmes dans mon cas).

En plus de ci-dessus: Après quelques recherches sur Google, j'ai trouvé que le problème avec fullscreen question est comme suit: Cacher l'élément vidéo, en effet, me ramène à partir de la videoplayer pour le navigateur. Android bien dit que - pour quitter le mode plein écran en mode utilisateur d'action est nécessaire, effectuez un balayage du haut vers le bas). C'est pourquoi le navigateur reste en mode plein écran. Je n'ai pas trouvé un correctif pour que. Puisque c'est ainsi qu'Android fonctionne, nous avons décidé que, après la fin de la vidéo, l'utilisateur doit prendre des mesures pour sortir de la vidéo et de revenir vers le site internet.

OriginalL'auteur vrijdenker
0

J'ai récemment eu un problème similaire. Après des heures de recherche sur le web, voici comment je l'ai fait travailler:

Avant d'invoquer le "play()" la méthode, utiliser la fonction "load()" la méthode. Donc, dans votre code:
```
    function playVideo() {
        var video = document.getElementById("video");
        video.addEventListener('ended', videoEnd, false);
        video.webkitEnterFullScreen();
        video.load();
        video.play();
    }
```
J'ai teste sur android 2.2, 2.3 et IPhone 3 et ça fonctionne. Toutefois, il ne semble pas jouer sur android 4.0.

P. S.

Si vous souhaitez rediriger lorsque la vidéo se termine à jouer de cet événement:
```
var video = document.getElementById("video");
video.addEventListener("ended",doSomething,true);

function doSomething() {
     //your redirect code here
}
```
Je vous remercie. Malheureusement, j'ai besoin qu'il fonctionne sur Android 4.

OriginalL'auteur Vlad Filip
0

Il semble que dans les versions ultérieures d'android, la programmation video.play() nécessite l'autorisation expresse de l' WebView. par exemple

settings.setMediaPlaybackRequiresUserGesture(false);

OriginalL'auteur Hugh

Vous devez vous connecter pour publier un commentaire.