2012-10-16 2 views
1

Je construis un jeu interactif composé de vidéos HTML5 avec parfois une couche png cliquable pour ajouter de l'interactivité. C'est assez simple et ça marche très bien sur Chrome/Firefox, mais j'essaie de le faire fonctionner pour iPad et j'ai un problème: quelle que soit la taille que j'ai mis dans mon CSS ou dans la balise <video>, la vidéo est montrant plus petit sur iPad. J'utilise VideoJS pour gérer les événements sur les vidéos HTML5.La taille de la vidéo HTML5 est incorrecte sur l'iPad

Vous pouvez tester à http://megalobio.com. C'est en français, mais facile à comprendre, il suffit de se connecter sur Facebook pour ouvrir le jeu (aucune donnée n'est sauvegardée, uniquement à des fins de construction de jeux).

J'ai désespérément besoin d'aide, cela m'a gardé occupé pendant des jours ...

+0

Avez-vous réussi à résoudre ce problème? – mat

+0

@mat Oui, l'iPad sélectionnait un format qui était mal converti, le .ogv. –

+0

Ok. Mes formats sont bons et fonctionnent partout. Mais le MP4 s'affiche correctement sur un iPad avec VideoJS et bien sans VideoJS – mat

Répondre

0

Il est possible que vous pouvez éviter cela en un bon réglage viewport meta tag

Essayez d'ajouter cette ligne dans votre

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

Vous pouvez également modifier la valeur selon device orientation

autre recommandé de lire here

+0

Ne fonctionne pas, La fenêtre est un ajustement parfait lorsque je définis la fenêtre, mais la vidéo est à l'intérieur d'un bloc div, et est encore trop petit pour s'adapter au bloc ... Une autre idée? –

Questions connexes