Comportement de la vidéo HTML5 sur les appareils mobiles
Je suis en construction d'un site où j'ai plusieurs <video>
éléments (en boucle animations) qui agissent comme une partie de ma conception (et non comme une vidéo). Cela fonctionne assez bien dans les navigateurs de bureau, mais je suis en difficulté sur les appareils mobiles.
Lorsque j'affiche le site sur Android ou iOS dispositifs (ie. mobile webkit) je vais obtenir le système d'exploitation du lecteur vidéo apparence et les vidéos s'ouvre dans une sorte de popup lorsque je clique sur eux. Je sais que je peux contourner la lecture automatique des restrictions en faisant qqch comme:
window.onload = function() {
var pElement = document.getElementById("myVideo");
pElement.load();
pElement.play();
};
Mais ce sera à nouveau ouvert les vidéo(s) dans une fenêtre à coté...
Personne ne sait d'une possibilité d'émuler activer /de bureau-comme le comportement sur les appareils mobiles? Merci!
EDIT:
Le balisage est à la base <video>
-syntaxe btw:
<video autoplay loop>
<source src="vid.mp4" type="video/mp4" />
<source src="vid.ogg" type="video/ogg" />
<source src="vid.webm" type="video/webm" />
</video>
source d'informationauteur m90
Vous devez vous connecter pour publier un commentaire.
Hmm, je ne suis pas sûr au sujet d'Android, mais les appareils iOS peuvent pas exécuter de multiples flux vidéo simultanément:
Non, Android ou appareil iOS (ie. mobile webkit) ne sont pas en mesure d'exécuter la vidéo comme vous voulez . La vidéo va s'ouvrir dans un lecteur vidéo par défaut de l'appareil.
YouTube utilise un mov ou mp4 avec ios pour charger l'interface native pour les vidéos, ou des liens vers leur application pour lire la vidéo depuis qu'il est installé sur chaque appareil ios.
Pourquoi avez-vous besoin
windows.onload
de contourner la lecture automatique? Si je me souviens bien, le réglage de lapreload
balise à aucundevrait fonctionner.
Aussi, avez-vous essayé d'utiliser le Vidéo Pour Tout Le Monde approche? Avec qui devrait être en mesure d'obtenir la vidéo à jouer dans la page web plutôt que par le téléphone de l'OS, de cette façon, je crois que vous pouvez obtenir le même effet sur les périphériques pris en charge.
EDIT: En ce qui concerne j08691 réponseune approche alternative pour les iPhones pourrait être de concevoir un simple visualiseur web app pour le site pour l'iPhone qui a un solution de contournement pour les non-multiples de lecture vidéo problème.