CATALOGUE Code & Data Formation Web App Créer une Web App - Vos sites Web sur mobiles

Guide d'Intégration Vidéo en HTML

Retour à la formation
Chapitre 8 Leçon 18
Précédent
Suivant

Apprenez à incorporer des vidéos Youtube et des vidéos depuis votre serveur en utilisant les balises HTML telles que UL et LI.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons apprendre comment incorporer des vidéos provenant de Youtube ainsi que des vidéos locales placées sur votre serveur, en utilisant les balises HTML UL et LI. Nous commencerons par récupérer le code d'intégration de Youtube et l'insérerons dans notre document HTML à l'intérieur des balises LI. Ensuite, nous configurerons les dimensions de la vidéo afin de l'adapter à notre page. Nous verrons également comment éviter que Youtube propose d'autres vidéos après la lecture en modifiant le code HTML avec le paramètre rel=0.

Ensuite, nous passerons à l'intégration de vidéos depuis notre propre serveur en utilisant la balise vidéo et en spécifiant différentes sources telles que mp4, ogv et webm pour garantir la compatibilité avec divers navigateurs. Nous appliquerons les mêmes dimensions que celles des vidéos Youtube pour une présentation cohérente. Enfin, nous vérifierons l'intégration dans un navigateur pour nous assurer que toutes les vidéos s'affichent et fonctionnent correctement.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Apprendre à intégrer des vidéos Youtube en HTML
  • Utiliser les balises HTML pour structurer des listes de vidéos
  • Incorporer des vidéos depuis un serveur en utilisant la balise HTML5 vidéo
  • Assurer la compatibilité des vidéos avec différents navigateurs

Prérequis pour cette leçon

Les prérequis pour suivre cette vidéo sont :

  • Connaissances de base en HTML
  • Accès à un éditeur de texte ou à un IDE comme Dreamweaver
  • Une connexion internet pour accéder à Youtube
  • Des fichiers vidéo au format mp4, ogv, et webm

Métiers concernés

Ce sujet est particulièrement pertinent pour les métiers suivants :

  • Développeur web
  • Designer d'interface utilisateur
  • Formateur en informatique
  • Gestionnaire de contenu web

Alternatives et ressources

Les alternatives possibles incluent :

  • Utilisation de plateformes comme Dailymotion ou Vimeo pour l'intégration vidéo
  • Utilisation de plugins jQuery ou de frameworks CSS pour une gestion avancée de la vidéo

Questions & Réponses

Pour intégrer une vidéo Youtube, allez sur la vidéo, cliquez sur 'Partager', copiez le code fourni dans la section 'Intégrer' et collez-le entre les balises
  • dans votre document HTML.
    • La taille recommandée pour les vidéos est de 120 pixels de largeur et 90 pixels de hauteur, mais cela peut être ajusté selon les besoins.
    L'utilisation de plusieurs formats vidéo garantit la compatibilité avec différents navigateurs, chaque format étant supporté par différentes plateformes.