HTML 5 en fallback de flash (ou l'inverse)

Salut tout le monde,

Je me retrouve avec une jolie colle, je trouve pas vraiment de réponse.

Soit 3 versions d'un tutoriel très courts concernant une partie d'un programme.

-> Le premier est en format .swf, soit du flash, fait à l'aide de camstudio
-> Le second est en format .avi, disponible sur Youtube
-> Le dernier est similaire au 2ème, mais sur mon site web, donc sans lecteur.

Mon programme étant disponible sur tablette et téléphone autant que sur desktop, je cherche à faire le plus portable possible.

J'ai entendu parler de la balise video d'html5. Elle me permet d'esquiver le flash, ce qui est très bien pour téléphone et tablette. Mais dispose-t-elle de tous les trucs de base ? (désactiver le son, play, pause, navigation dans le fichier, démarrage non-automatique ?)

Et surtout, qu'est-ce qui est le mieux ? Faire du HTML5 à la base et du flash en fallback ou l'inverse ?

Enfin : on gère comment le fallback ? Je veux dire, comment on sait que la personne ne peut pas accéder à la vidéo en html 5 ou en flash et qu'il doit prendre l'autre ?
Modifié par Lothindil (22 Nov 2012 - 11:10)

Bonjour,

La vidéo en HTML5 dispose déjà de contrôles natifs de base.
voir ici : http://www.w3schools.com/tags/tag_video.asp
Elle supporte les évènements.
Il est possible de contrôler la vidéo via javascript.

le mieux je pense est de faire du HTML5 à la base et du flash en fallback.
exemple d'intégration :

<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise -->
<!-- warning: playback does not work on iOS3 if you include the poster attribute! fixed in iOS4.0 -->
<video width="640" height="360" controls>
	<!-- MP4 must be first for iPad! -->
	<source src="__VIDEO__.MP4" type="video/mp4" /><!-- Safari / iOS video    -->
	<source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera / Chrome10 -->
	<!-- fallback to Flash: -->
	<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
		<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
		<param name="movie" value="__FLASH__.SWF" />
		<param name="flashvars" value="controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
		<!-- fallback image. note the title field below, put the title of the video there -->
		<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
		     title="No video playback capabilities, please download the video below" />
	</object>
</video>
<!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
<p>	<strong>Download Video:</strong>
	Closed Format:	<a href="__VIDEO__.MP4">"MP4"</a>
	Open Format:	<a href="__VIDEO__.OGV">"Ogg"</a>
</p>

(source : http://css-tricks.com/snippets/html/video-for-everybody-html5-video-with-flash-fallback/)

Ca a l'air pas mal...

Me reste à trouver comment convertir mes vidéos en ogv et en mp4... mais bon,ça devrait pas être le plus complexe...