Passer en mode plein écran avec la Vidéo HTML5 sur iPad/iPhone

Je suis en train de jouer et de passer en mode plein écran pour un élément HTML5 video sur un iPad/iPhone à l'aide de JavaScript, mais quand j'essaie videoElement.webkitEnterFullScreen(), je vois un INVALID_STATE_ERR: Dom Exception 11.

Mon Code

Pour Exemple

Maintenant, il ressemble à un soutien spécifique pour les ce comportement a été ajouté ici:

qui empêche spécifiquement passe en plein écran sans action de l'utilisateur.

Ma question:

Est-il une solution pour cela?

Je vois que Vimeo HTML5 video player est imiter ce comportement en quelque sorte, comme on le voit ici
(sur iPad/iPhone)

Il me semble que c'est possible. Ai-je raté quelque chose?

Sur l'iphone, la vidéo est toujours en plein écran, le navigateur n'exécute que quicktime externe lorsque vous cliquez sur le lien pour une vidéo
Je pense qu'Evan demande, c'est de jouer la vidéo en "plein écran" mode, qui ne nécessite pas l'utilisateur de naviguer vers le fichier (comme ce qui se passe lorsque vous cliquez sur le plein écran de contrôle sur l'iPad). C'est comment Vimeo fonctionne sur l'iPhone.

OriginalL'auteur eculver | 2011-03-15

  1. 5

    De tests sur le simulateur iOS Ipad

    Espère que je peux aider quelqu'un:

    <html>
<head>
 <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 <script type="text/javascript">
    var vid;

    function init() {
        vid = document.getElementById("myVideo");
        vid.addEventListener("loadedmetadata", goFullscreen, false); 
    }

    function goFullscreen() {
        vid.webkitEnterFullscreen();
    }

    $(document).ready(function(){
        init();

        $("#myVideo").bind('ended', function(){
            $('#myVideo')[0].webkitExitFullScreen();
        });
    });
 </script>
</head>
<body>
    <h1>Fullscreen Video</h1>
    <video src="movie.mp4" id="myVideo" autoplay controls >
    </video>
</body>
</html>
    Vous savez, il y a de meilleures manières de poster le code ici. stackoverflow.com/editing-help
    Plus d'infos au Safari de Développeur de la Bibliothèque (le code ci-dessus a été prise presque mot à mot à partir d'ici): developer.apple.com/library/safari/documentation/AudioVideo/...
    C'est vieux, webkitEnterFullScreen est obsolte et doivent utiliser webkitRequestFullscreen et puis webkitExitFullScreen doit être remplacé par ocument.webkitCancelFullScreen(). Aussi ce n'est effectivement pas pris en charge sur Safari iOS, consultez caniuse.com/#feat=fullscreen.

    OriginalL'auteur Ignacio Castro

  2. 0

    Je l'utilise et il a travaillé pour moi

    - (void) makeHTML5VideoFullscreen {
    if(webView) {
        [webView stringByEvaluatingJavaScriptFromString: @"document.querySelector('video').webkitEnterFullscreen();"];
    }
}

    OriginalL'auteur Vineet Ashtekar