Mettre une vidéo sur son site.

Explications sur les codes à utiliser pour insérer une vidéo dans un site internet : Attention, la vidéo doit déjà être sur un serveur !

Pré-requis

Vous avez déjà du voir, sur un site, une vidéo à visualiser en streaming. Certes, on peut le faire maintenant avec Dailymotion ou encore Youtube mais, pour moi, il est mieux de ne pas avoir leur nom sur la vidéo. Surtout qu'il ne suffit que de deux, trois lignes.

Prérequis : La vidéo doit au préalable être stockée sur un serveur, et non simplement sur votre ordinateur. Le format doit être de préférence du AVI.

Le code

Voici donc le code en question, suivi des explications :

<embed src="fichier.extension" width="largeur en pixels" height="hauteur en pixels" loop="true/false" controller="true/false" autoplay="true/false" alt="" /> <noembed>Commentaires sur la vidéo</noembed> 

Voilà, tout ce qui est en bleu est à changer :

• fichier.extension (exemple :http://monsite.com/montutorial.avi )


• width et height sont pour la taille en pixels de la vidéo ( exemple : 640px*480px )


• Pour les autres il faut mettre soit "true" soit "false" (true=vrai ; false=faux)

La fonction - sert à :

Loop - Joue en continu la vidéo (en répétition)

Controller - Affiche ou non les boutons Play, Pause, etc..

Autoplay - Joue directement la vidéo dès le chargement de la page ( exemple : Dailymotion )

Alt - Texte alternatif (une sorte de description facultative)

Commentaire - Il faut tout simplement mettre une petite phrase de présentation de la vidéo (facultatif)

Voilà c'est tout bête !

Sinon le lecteur employé sera Windows Media Player : les vidéos marchent aussi bien sur mac que sur pc donc pas d'affolement

Allez bon visionnage !

Par Ronjoe , Le 13 Juillet 2010 à 12h21
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à HTML/CSS

Commentaires sur cet article

Bonjour et merci pour ce code simple, il devrait arriver en premier sur google, cela éviterais de perdre son temps à essayer d' autre code qui fonctionne pas ou qu' il faille bac +12 pour comprendre ^^..enfin bref, ce code marche parfaitement sur Chrome et Firefox mais pas sur IE.. peu être ajouter quelque pour ca ? Merci

Bonjour,
j'ai essayer ce code mais sur ma page, on me demande le plug-in approprié. sauf qu'il ne le trouve pas, et que ce n'ai pas marquer quel plug-in telecharger!

merci =)

Le mieux pour coder ton site (que ce soit xHtml,php,JS,etc...) c'est NotePad++, il est bien plus agréable et performant que notre vieux Bloc Note

Bloc note

bonjour,je suis novice te viens de tonber sur ton tuto,peux tu me dire quelle logiciel as tu utilisé pour le faire car j'ai essayé de taper ca avec Nvu, fourni a le cd de free, et ca donne rien, peux tu me dire eventuellment.
[email protected]

Merci bcp sa m'aidera