Est-il un moyen de faire de la vidéo HTML5 en plein écran?
Est-il un moyen de lire une vidéo en plein écran en utilisant le HTML5 <video>
tag?
Et si ce n'est pas possible, quelqu'un sait si il y a une raison à cette décision?
- Un navigateur internet moderne en HTML5 fonctionnalité de prise en charge liste de contrôle peut être trouvé ici: findmebyip.com/litmus/#html5-web-applications
- ##Premier Véritable HTML5 Vidéo en plein écran## blog.jilion.com/2011/07/27/... voir Aussi: wiki.mozilla.org/Gecko:FullScreenAPI
Vous devez vous connecter pour publier un commentaire.
HTML 5 ne fournit aucun moyen de faire une vidéo en plein écran, mais le parallèle Plein écran de spécification fournitures le
requestFullScreen
méthode qui permet à l'arbitraire des éléments (y compris<video>
éléments à prendre en plein écran.Il a support expérimental dans un certain nombre de navigateurs.
Réponse originale à cette question:
De la Spec HTML5 (au moment de la rédaction: juin '09):
Navigateurs peuvent fournir une interface utilisateur, mais ne devrait pas fournir une programmables un.
Noter que l'avertissement ci-dessus a depuis été retiré de la spécification.
La plupart des réponses ici sont obsolètes.
Il est maintenant possible d'apporter tout élément en plein écran à l'aide de la API Fullscreen, bien que cela reste tout à fait un gâchis parce que vous ne pouvez pas simplement appeler
div.requestFullScreen()
dans tous les navigateurs, mais vous devez utiliser le navigateur spécifique préfixé méthodes.J'ai créé un simple wrapper screenfull.js qui le rend plus facile à utiliser l'API Fullscreen.
Actuelle de la prise en charge du navigateur est:
Noter que de nombreux navigateurs mobiles ne semblent pas à l'appui d'une option plein écran encore.
Safari prend en charge à travers
webkitEnterFullscreen
.Chrome doit être pris en charge car c'est aussi WebKit, mais une erreur.
Chris Blizzard de Firefox dit qu'ils vont venir avec leur propre version de plein écran qui permet à n'importe quel élément d'aller en plein écran. par exemple la Toile
Philip Jagenstedt de Opéra dit qu'ils vont le soutenir dans une version ultérieure.
Oui, la vidéo HTML5 spec dit de ne pas le soutien plein écran, mais étant donné que les utilisateurs veulent, et chaque navigateur va la soutenir, la spec va changer.
Ce doit être appelée sur la vidéo balise d'élément, par exemple, en plein écran dans la première balise vidéo sur la page à utiliser:
Avis: c'est la réponse dépassée et n'est plus pertinent.
Je pense que si nous voulons avoir un ouvert de manière à visualiser des vidéos dans nos navigateurs sans aucune fermé la source des plugins (et toutes les violations de la sécurité qui vient avec l'histoire du plugin flash...). La balise doit trouver un moyen d'activer le plein écran.. Nous avons pu le manipuler comme flash n': pour faire le plein écran, il doit être activé par un clic gauche avec votre souris et rien d'autre, je veux dire qu'il n'est pas possible en ActionScript, pour lancer en plein écran lors du chargement d'un flash par exemple.
J'espère que j'ai été assez clair: Après tout, je ne suis qu'un français, étudiant, pas un poète anglais 🙂
Te Voir!
De nombreux des navigateurs web modernes ont mis en place un plein écran de l'API qui vous permet de donner plein écran focus sur certains éléments HTML. C'est vraiment génial pour l'affichage de médias interactifs comme des vidéos dans un environnement immersif.
Pour obtenir le bouton plein écran fonctionne, vous devez configurer un autre écouteur d'événement qui fera appel à la
requestFullScreen()
fonction lorsque le bouton est cliqué. Pour s'assurer que cela fonctionne dans tous les navigateurs pris en charge, vous allez aussi avoir besoin de vérifier pour voir si lerequestFullScreen()
est disponible et de secours pour le vendeur préfixé versions (mozRequestFullScreen
etwebkitRequestFullscreen
) si elle ne l'est pas.De référence:- https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
Référence:- http://blog.teamtreehouse.com/building-custom-controls-for-html5-videos
Un moyen programmable pour faire le plein écran fonctionne maintenant dans Firefox et Chrome (dans leurs versions les plus récentes). La bonne nouvelle, c'est qu'un spec a été le projet ici:
http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html
Vous aurez toujours à faire face avec le fournisseur de préfixes pour le moment, mais tous les détails de mise en œuvre sont en cours de suivi dans le MDN site:
https://developer.mozilla.org/en/DOM/Using_full-screen_mode
De CSS
Vous pouvez modifier la largeur et la hauteur à 100%, mais il ne couvre pas le navigateur chrome ou le système d'exploitation shell.
Décision de conception est parce que le HTML vit à l'intérieur de la fenêtre du navigateur. Flash plugins ne sont pas à l'intérieur de la fenêtre, de sorte qu'ils peuvent aller en plein écran.
Cela a un sens, sinon vous risquez de faire les balises img couvert de la coquille, ou de faire des balises h1, donc la totalité de l'écran était une lettre.
Non, il n'est pas possible d'avoir la vidéo en plein écran en html 5. Si vous voulez savoir les raisons, vous avez de la chance parce que l'argument de la bataille pour le plein écran est battu dès maintenant. Voir WHATWG liste de diffusion et cherchez le mot "vidéo". Personnellement, j'espère qu'ils fournissent en plein écran API HTML 5.
Firefox 3.6 a une option plein écran pour HTML5, vidéo, cliquez-droit sur la vidéo et sélectionnez "plein écran".
La dernière Webkit nightlies également en charge plein écran, HTML5, vidéo, essayez de le Sublime joueur avec la dernière nightly et maintenez-Cmd /Ctrl tout en sélectionnant l'option plein écran.
Je suppose que Chrome /Opera soutiendra aussi quelque chose comme cela. Espérons que IE9 sera également en charge plein écran la vidéo HTML5.
C'est pris en charge dans WebKit via webkitEnterFullscreen.
Une solution alternative serait de navigateur simplement fournir cette option dans le menu contextuel. Pas besoin de Javascript pour ce faire, si je pouvais voir quand il serait utile.
Dans le temps, une autre solution serait tout simplement de maximiser la fenêtre (Javascript peut fournir les dimensions de l'écran), puis de maximiser la vidéo en elle. Donnez-lui un aller et puis il suffit de voir si les résultats sont acceptables à vos utilisateurs.
HTML 5 vidéo n'passer en mode plein écran dans la dernière nightly build de Safari, même si je ne suis pas sûr de savoir comment il est techniquement accompli.
La solution complète:
Oui. Bien ce qui se passe avec la vidéo HTML5, c'est que vous venez de mettre le
<video>
tag et le navigateur va donner sa propre INTERFACE utilisateur, et donc la possibilité pour le plein écran de visualisation. Il rend la vie beaucoup mieux sur nous, utilisateurs de ne pas avoir à voir "l'art", un développeur de jeu avec Flash pourrais faire 🙂 Il ajoute également la cohérence de la plate-forme, ce qui est agréable.c'est simple, tous les problèmes peuvent être résolus comme ça,
1) disposez d'échapper à toujours vous sortir du mode plein écran
(ceci ne s'applique pas à entrer manuellement en plein écran grâce à f11)
2) afficher temporairement une petite bannière disant la vidéo en plein écran mode est entré (par le navigateur)
3) bloc plein écran action par défaut, tout comme a été fait pour les pop-ups et de la base de données locale en html5 et l'emplacement de l'api et etc, etc.
je ne vois pas de problèmes avec cette conception. quelqu'un pense que j'ai manqué quelque chose?
De Chrome 11.0.686.0 dev channel Chrome a maintenant la vidéo en plein écran.
Vous pouvez le faire si vous dites à l'utilisateur d'appuyer sur F11(plein écran pour de nombreux navigateurs), et de vous mettre la vidéo sur tout le corps de la page.
Si aucune de ces réponses ne fonctionnent pas (comme ils n'ont pas pour moi) vous pouvez définir deux vidéos. Un programme régulier de la taille et une autre pour un affichage plein écran de la taille. Lorsque vous souhaitez passer en mode plein écran