Les vidéos nécessitent un serveur vidéo. Il est difficile d'insérer une vidéo directement dans sa page web, sauf si on réalise une vidéo(format utilisé par You Tube notamment). Je conseille à ceux qui souhaitent insérer une vidéo dans leur site, de se créer un compte sur YouTube, DailyMotion ou viméo. Ensuite de télécharger sa vidéo sur leurs serveurs, et ensuite récupérer le code que propose ces site et insérer ce code dans votre page.
Dans YouTube, si le contenu n'est pas bloqué, vous trouvez sous la vidéo des onglets, dont celui "intégrer" :
Vous pouvez obtenir le code suivant :
Vous pouvez régler la dimension de l'affichage de lla vidéo, ou choisir d'intégrer avec les balises XHTML.
Dans Viméo, sur la droite de votre vidéo, vous cliquez sur le bouton share :
Une fenêtre s'ouvre et vous pouvez récupérer le code d'intégration pour l'insérer sur votre page :
Je fais un copier-coller du texte dans mon éditeur de texte, et voici le résultat :
La Poste - Pliages from edouard salier on Vimeo.
Depuis HTML 5, on utilise la balise <video></video>.
Il faut écrire les liens vers les vidéos sources, sous trois formats : webm, mp4 et ogv.
On commence toujours par le lien sur le MP4.
On ajoute en suite des attributs à la balise vidéo :
Voici un exemple :
<video width="472" height="264" controls poster="url image"> <source src="mavideo.mp4" type="video/mp4"/> <source src="mavideo.webm" type="video/webm"/> <source src="mavideo.ogv" type="video/ogg"/> <img src="mavideo.jpg" width="472" height="264" alt="Poster Image"/> </video>