Balises Vidéo en HTML⚓︎
Avec un fichier vidéo en local⚓︎
Vous devez disposer du/des fichiers vidéo en local.
Pour vous simplifier la vie de développeur, vous pouvez télécharger des exemples de fichiers .mp4 et .webmci-dessous (pour cela faire "Clic Droit -> Enregister la cible du lien sous...") :
Renommer les en monfichier.mp4 et monfichier.webm.
Placez les deux fichiers vidéos dans le même répertoire que votre fichier index.html, puis tapez les codes suivants :
Remarque
- Cette méthode n'est pas idéale, car cela force à télécharger en local des vidéos qui sont très lourdes en mémoire.
- La méthode suivante, consistant à utiliser un iframe d'une vidéo placée sur un site de streaming (YouTube, DailyMotion, Vimeo, etc..) est bien supérieure
Avec un Iframe⚓︎
Choisir une vidéo qui vous plaît sur YouTube/DailyMotion/Vimeo, nous choisirons par exemple celle-ci.
Puis, sous la vidéo, Aller dans Partager \(\Rightarrow\) Intégrer ouis copier-coller le code HTML offert par la plateforme contenant <iframe>...</iframe> (vous pouvez personnaliser ce code si vous le comprenez un peu.. notament la hauteur height et/ou la largeur width)