1485 sujets

Web Mobile et responsive web design

Page web avec une vidéo dedans

Bonjour à tous!

J'ai besoin de faire une page web avec une vidéo dedans destiné aux mobiles (iphone, nokia, blackberry, etc.)
J'ai encodé ma vidéo (*.dv ou*.mov) au format webm, ogg et mp4 (avec Miro) avec un fallback flash.
ça ne marche pas sous nokia : il y a le son mais pas la vidéo et sous certains iphone ça ne fonctionne pas non plus (pas plus d'info sur le type d'iphone).
Est-ce t-il un tableau comparatif avec les codecs possible audio/vidéo selon le mobile?
Existe-t-il un émulateur iphone?
Et dernière question est-ce possible de jouer une vidéo 3gp dans de l'html?
Merci pour vos réponses Smiley smile

Echomeme
Il faut faire attention à l'ordre de déclaration. Je t'invite à nous montrer ton code pour que l'on puisse te guider Smiley cligne
Si ça vient pas des codecs, ça m'arrangerai d'autant plus que Miro fait ce qu'il faut ou du moins semble le faire et gratuitement.
J'ai du modifier un peu le code car je ne sais pas si je peux mettre les liens vers les vidéos, faut que je demande (elles sont pas coquines je vous rassure...) :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>No title</title>
<script type="text/javascript" src="swfobject.js"></script>
	<script type="text/javascript">
	var flashvars = {};
	flashvars.src = "http://www.domain.com/video/index2.flv";
	flashvars.controlBarMode = "floating";
	flashvars.poster = "http://www.domain.com/video/logo2.jpg";
	var params = {};
	params.allowfullscreen = "true";
	params.allowscriptaccess = "always";
	var attributes = {};
	swfobject.embedSWF("StrobeMediaPlayback.swf", "videoDiv", "240", "180", "10", "expressInstall.swf", flashvars, params, attributes);
</script>
</head>
<body>
blablabla<br>
blablabla<br>
<div id="videoDiv">
	<video controls="controls" poster="http://www.domain.com/video/logo2.jpg" width="240" height="180">
		<source src="http://www.domain.com/video/index2.m4v" type="video/mp4">
		<source src="http://www.domain.com/video/index2.ogv" type="video/ogg">
		<source src="http://www.domain.com/video/index2.webm" type="video/webm">
	</video>
</div>
blablabla<br>
blablabla<br>
</body>
</html>


Et voili Smiley langue
Il faut bien vérifier que les headers http pour les vidéos soient correct: Firebug->onglet réseau, Safari->menu développeur, etc. Normalement, tu peux ajouter le 3gp dans la liste pour les gsm basique. Le mp4 doit être encodé avec l'option iPhone sélectionnée.

Pour le fallback flash, tu n'est pas obligé d'utiliser du javascript, voir le code source de ce billet de test pour exemple. Smiley smile
Modifié par Patidou (22 Oct 2010 - 10:40)
Sujet clos
Aller à