Tutoriel HTML / XHTML

HTML

Découvez les bases de HTML et XHTML dans ce tutoriel.

HTML5 CSS Dreamweaver Bootstrap PHP

Flash, flv dans une page HTML

Nous allons apprendre à insérer des animations en Flash et des vidéos en flv dans ce tutoriel.

A noter : Le flash est de moins en moins utilisé sur le web ! Il ne passe sur certains périphériques Apple.

En HTML5, il y a désormais des balises permettant de gérer l'audio, la vidéo et les animations.

Insérer du Flash

Exemple

L'animation flash n'est pas prise en charge

<object height="100" width="200" data="http://www.conseil-webmaster.com/images/flash/formation.swf" type="application/x-shockwave-flash">
<param value="http://www.conseil-webmaster.com/images/flash/formation.swf" name="movie" />
<param value="transparent" name="wmode" />
<param value="high" name="quality" />
<p>L'animation flash n'est pas prise en charge</p>
</object>

Insérer une vidéo Flash

Avant toute chose,pour intégrer des vidéos en Flash, il faudra télécharger un player.

Télécharger le mini player (Le plus léger en poids)

Exemple

<object type="application/x-shockwave-flash" data="medias/player_flv_mini.swf" width="320" height="240">
<param name="movie" value="medias/player_flv_mini.swf" />
<param name="FlashVars" value="flv=configuration_dreamweaver.flv" />
</object>

Cette syntaxe est la plus simpliste, vous pouvez ajouter des paramétres

Quelques paramétres

Nom Description
flv L'URL du fichier vidéo FLV à charger
width Forcer la largeur du lecteur
height Forcer la hauteur du lecteur
autoplay 1 pour lire automatiquement
autoload 1 pour lancer le chargement et afficher la premiére image de la vidéo
buffer Le nombre de secondes pour la mémoire tampon. Par défaut à 5.
playercolor La couleur du lecteur (pas du flash)
loadingcolor La couleur de la barre de chargement
buttoncolor La couleur des boutons
slidercolor La couleur de la barre de lecture
phpstream 1 pour utiliser un streaming php