HTML5 vidéo en plein écran sur les navigateurs mobiles (android)

Après une vaste recherche je n'ai pas trouvé de réponse à ma question. Je voulais atteindre mon but avec FullScreenAPI mais il n'est pas pris en charge dans tous les navigateurs mobiles (à l'exception de Firefox 19 et Blackberry navigateur - mais j'ai besoin d'une solution de navigateur). Voici le code source. J'ai aussi testé FullScreenAPI sur native android mobiles et les navigateurs google Chrome à l'aide de façon appropriée préfixé plein écran fonctions. Chaque fonction est de type undefined.

Une autre approche a été la protocole rtsp qui est généralement géré par un lecteur externe. Ici est le gars qui suppose que m.youtube.com utilise cette solution, je pense qu'il n'est pas vrai (peut-être que la réponse est obsolète). Youtube utilise natif de la vidéo en plein écran. Sur mobile Chrome lorsque vous appuyez sur le bouton de lecture, le film va instantanément plein écran.

Bien que, chaque source, je googlé me dit que natif plein écran n'est pas possible sur android navigateurs, toujours élément de vidéo HTML5 avec ses contrôles natifs nous donne un bouton plein ecran qui fonctionne parfaitement là-bas.

Car je ne veux pas les commandes d'origine, quelqu'un peut-il partager toute solution ingénieuse pour How to trigger HTML5 video fullscreen button'sevent?

InformationsquelleAutor matewka | 2013-03-05
  1. 2

    Vous pouvez faire un popup à 100% de la largeur/hauteur avec un bouton de fermeture sur absolu sur elle la lecture de votre vidéo HTML5.

    Ancienne, simple et sale truc... Mais fonctionne

    • Oui, j'ai oublié de partager cette possibilité dans la question. Malheureusement, il n'est pas une solution pour moi 🙁 j'en ai besoin pour déclencher que très plein écran à partir de la maternelle bouton (ou, s'il n'est pas possible, j'ai besoin d'être sûr à 100%).
    InformationsquelleAutor Alex Pereira
  2. 0

    Essayer de video.webkitEnterFullscreen() d'un utilisateur interactif gestionnaire d'événements(ex: clic)

    InformationsquelleAutor OOO
  3. 0

    tout ce que vous devez travailler sur "webkitbeginfullscreen" et "webkitendfullscreen" des événements pour les appareils mobiles, je pense.il 

    <!doctype html>
<html>
<head>
 <title>video</title>
 <script type="text/javascript">
 function videoControl() {
    var myVideo = document.getElementById('myVideo');
    myVideo.addEventListener("webkitbeginfullscreen", enteringFullscreen, false);
    myVideo.addEventListener("webkitendfullscreen", exitingFullscreen, false);
}

function enteringFullscreen() {
    alert("entering full-screen mode");
}

function exitingFullscreen() {
    alert("exiting full-screen mode");
}
 </script>
</head>
<body onload="videoControl()">
 <div id="videoContainer">
 <video id="myVideo" src="myVideo.m4v" autoplay controls>
 </video>
 </div>
</body>
</html>
    InformationsquelleAutor
  4. -1

    Voici ce que j'utilise qui doit à peu près partout:

    function toggleFullScreen() {
  var doc = window.document;
  var elem = doc.body; //the element you want to make fullscreen

  var requestFullScreen = elem.requestFullscreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen || elem.msRequestFullscreen;
  var cancelFullScreen = doc.exitFullscreen || doc.webkitExitFullscreen || doc.mozCancelFullScreen|| doc.msExitFullscreen;

  if(!(doc.fullscreenElement || doc.mozFullScreenElement || doc.webkitFullscreenElement || doc.msFullscreenElement)) {
      requestFullScreen.call(doc.body);
  }
  else {
    cancelFullScreen.call(doc);
  }
}
    • Cela rend la page web en plein écran, et pas seulement de l'élément ou de la vidéo.
    InformationsquelleAutor MikeC