CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 3 - Mettre en page son site internet Intégrer une vidéo YouTube sur votre site web

Intégrer une vidéo YouTube sur votre site web

Video youtube / vimeo
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 3 - Mettre en page son site internet
Revoir le teaser Je m'abonne
3,0
Transcription
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Étapes détaillées de l'intégration

Objectifs

À la fin de cette vidéo, vous saurez comment intégrer une vidéo YouTube dans une page HTML et personnaliser sa taille pour une meilleure intégration visuelle.

Résumé

Apprenez à utiliser une iframe pour intégrer des vidéos YouTube directement dans votre page HTML.

Description

Ce tutoriel vous guide pas à pas pour intégrer une vidéo YouTube à l'intérieur de votre page web. Nous commencerons par nous rendre sur le site de YouTube, puis utiliserons le bouton Partager pour obtenir le code d'incrustation. Vous apprendrez à adapter la taille de la vidéo en réglant les dimensions de l'iframe.

Ensuite, nous copierons ce code et le collerons dans votre page HTML, en veillant à ajouter le protocole http:// devant l'adresse. Une fois ces étapes complétées, vous serez en mesure de visualiser votre vidéo directement sur votre site. Les visiteurs pourront la lire en mode plein écran ou en mode normal. Cette méthode permet également d'optimiser la consommation de ressources de votre serveur en hébergeant la vidéo sur le serveur de YouTube.

L'ajout de vidéos de cette manière peut augmenter le trafic sur votre site web puisque les vidéos YouTube sont bien indexées et visionnées par des millions de visiteurs chaque jour.

Voir plus

Questions fréquentes

Pourquoi est-il recommandé d'utiliser une iframe pour intégrer des vidéos YouTube?
Utiliser une iframe permet d'héberger la vidéo sur les serveurs de YouTube, réduisant ainsi la consommation de ressources de votre propre serveur.
Quels sont les avantages de personnaliser la taille de l'iframe?
Personnaliser la taille de l'iframe permet de s'assurer que la vidéo s'intègre visuellement avec le design de votre site web, offrant une meilleure expérience utilisateur.
Comment rendre une vidéo YouTube en mode plein écran à partir de votre site?
Les visiteurs peuvent cliquer sur le bouton de plein écran (en bas à droite de la vidéo) pour visionner la vidéo en plein écran, puis appuyer sur échappe pour revenir au mode normal.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Cicine
Il y a 2 ans
Dans la séquence slide auto, pas d'explication sur le 12% du slider auto; quelle est l'origine de ce chiffre? pas d'explication me bloque. Je suis obligée d'aller voir une autre plateforme qui présente le slide auto.
Dommage.