Trucs et Astuces wHo-et-Be

cliquez pour 
ouvrir le menu
Développement Web > Intégrer une Vidéo
Pour afficher une vidéo dans vos pages HTML, c'est assez simple, contrairement aux apparences.
La première solution est de faire un lien tout simple sur le fichier vidéo :
<A HREF="mavideo.avi">Cliquez ici</A> Qui donne : Cliquez ici
Je vous l'accorde, c'est pas top... mais ca marche avec tout !

La seconde solution est d'intégrer la vidéo DANS la page HTML :
C'est la balise <EMBED> qui entre en jeu. "Embedding" signifie inclus dans.
<EMBED SRC="mavideo.avi"
WIDTH=160 HEIGHT=120></EMBEB>
Qui donne :
On précise la taille de la vidéo avec les paramètres WIDTH (largeur) et HEIGHT (hauteur).
Cela fonctione avec les vidéos Windows Media (AVI, ASF, ASX, MPEG, MPG, MPE, FLI), Quicktime (MOV) et Real Vidéo (RA, RAM).

Ensuite, on peut ajouter des options (communes à tous les formats) :
ALIGN Aligne la console (RIGHT, LEFT, TOP, BOTTOM)
BORDER Largeur de la bordure (en pixels)
WIDTH Largeur de la vidéo (en pixels)
HEIGHT Hauteur de la vidéo (en pixels)
SRC Emplacement (adresse) complète de la vidéo
LOOP Nombre de fois où la vidéo est jouée (-1 = infini)

Après, en fonction du format de fichier, il y en a d'autres :
Pour le Windows Media, il existe :
AUTOSTART Démarre automatiquement (TRUE - défaut) ou non (FALSE)
AUTOLOAD Chargement automatique (TRUE - défaut) ou non (FALSE)
CONTROLS Affiche le panneau de contrôle (TRUE - défaut) ou non (FALSE)

Pour le Quicktime, il existe :
AUTOPLAY Démarre automatiquement (TRUE - défaut) ou non (FALSE)
CONTROLLER Affiche le panneau de contrôle (TRUE - défaut) ou non (FALSE). Avec QT, le panneau fait 24 pixels de haut
PLAYEVERYFRAME Affiche la vidéo au fur et à mesure (TRUE) ou non (FALSE). C'est du streaming : attention, elle sera saccadée à cause du temps de chargement
TARGET = target d'un lien
HREF = href standard
<EMBED SRC="mavideo.mov" WIDTH=320 HEIGHT=200 CONTROLLER="FALSE">

Pour le Real Video, c'est une seule option CONTROLS qui a des options :
All Tous les controles
ControlPanel PLAY, PAUSE, STOP et le curseur de position
InfoVolumePanel Informations et Volume
InfoPanel Informations
Statusbar Barre d'état
Playbutton PLAY et PAUSE
Stopbutton STOP
<EMBED SRC="mavideo.ra" WIDTH=320 HEIGHT=200 CONTROLS="InfoPanel" AUTOSTART="FALSE">
Pour faires des fichiers en RealQuelqueChose, il faut utiliser le Real Encoder 5, que vous pouvez récupérer ici.

Compatibilité des navigateurs
Netscape 2 IE 2 Netscape 3, 4 IE 3, 4, 5
<EMBED> Non Non Oui Oui
<NO EMBED> Oui Oui Non Non

  visites   Yahoo Me!ICQ Me!Skype Me!MSN Live Messenger Me! Accueil