Comprendre le bitcoin, l'intelligence artificielle, faire un site web... En 3 minutes en vidéo!

Mettre une vidéo sur son site.

Tutoriaux > HTML/CSS > 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'affolementSourire

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

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

gwenm - Le 14 Novembre 2012 à 17h17

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

MM - Le 27 Janvier 2011 à 21h18

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 =)

Djokx - Le 10 Août 2010 à 06h32

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 NoteSourire

bb_awa - Le 27 Juillet 2007 à 14h15

Bloc noteClin d'oeil

codejmc - Le 22 Juillet 2007 à 04h03

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]

Eleden - Le 15 Février 2007 à 23h26

Merci bcpContent sa m'aideraSourire

Tutoriaux > HTML/CSS > Mettre une vidéo sur son site.