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

Ajouter un commentaire

Votre pseudo (sera publié). Inscrivez vous pour garder une trace de vos participations.

Tapez votre commentaire dans le cadre ci-dessous.

Code de vérification :

Recopiez le code :

Commentaires sur cet article

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.
codejmc@hotmail.com

Merci bcp sa m'aidera