Intégration vidéo compatible iphone et ipad

Version imprimable

05/07/2011, 16h35
LeonCosnyd

Intégration vidéo compatible iphone et ipad

Bonjour,

Je dois réaliser un site internet contenant des vidéos. J'aimerais savoir s'il existe une solution pour rendre ces vidéos lisibles sur iphone et ipad en plus d'être compatible avec les différents navigateurs existants sur le web (firefox, IE, Chrome, Safari et Opera).

La plupart du temps la lecture de vidéos se fait à l'aide d'un lecteur flash mais si je me rappelle bien le flash n'est pas supporté en natif par les produits de la pomme.

J'ai vu que l'on pouvait utiliser la nouvelle balise <video> (Html5) mais je ne sais pas depuis quelle version de l'iphone le html5 est supporté (ou du moins depuis quelle version de safari).

Ce dernier point reste une solution mais j'aimerais savoir s'il en existe d'autres.

Merci à tous ceux qui pourront m'aider.
05/07/2011, 16h42
Arekk

En effet, le moyen le plus simple (et le plus durable) sera de le faire en HTML5.

Pour iPhone / iPad no-soucy, Safari supporte très bien ce format, on dira que c'est le meilleur navigateur pour tester les features HTML5.
Quoique avec parfois un peu de lenteurs sur ces plateformes mobiles.

Par contre, fait attention avec certains navigateurs "classiques" qui ne couvriront peut-être pas très bien ce format. Peux-être devra-tu jouer avec le user-agent si jamais tu veux rester facilement disponible pour tous.

Sinon tu as le classique "screenshot youtubeplayer en img + lien vers la vidéo youtube" qui est automatiquement redirigé vers l'appli sur iOS.

Si tu as besoin de détails n'hésites pas.

C'est bien ce que je pensais...

Il n'y a donc pas de solution directe (sans passer par youtube)

Je pense que je vais utiliser la balise <video> du html 5 et donc écarter les utilisateurs qui ne peuvent ni lire le html 5, ni les animations flash.

J'ai trouvé sur internet le code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <video width="xx" height="yy" controls="controls"> <source src="video.mp4" type="video/mp4" /> <source src="video.webm" type="video/webm" /> <source src="video.ogg" type="video/ogg" /> <object type="application/x-shockwave-flash" width="xx" height="yy"> <param name="movie" value="monlecteurflash.swf" /> <param name="wmode" value="transparent" />  Vous n'avez pas de navigateur moderne, ni Flash installé... suivez les liens ci-dessous pour télécharger les vidéos. </object> </video>
De cette manière je peux permettre aux utilisateurs de lire mes vidéos s'ils ont un navigateur compatible html 5 ou sinon de lire la vidéo avec un lecteur flash.