Comment faire une embed vidéo sur youtube et aligner au centre

Envoyez vos vidéos sur YouTube plutôt que l`espace des déchets et la bande passante sur votre propre serveur Web.

Envoyez vos vidéos sur YouTube plutôt que l`espace des déchets et la bande passante sur votre propre serveur Web.

Alors que YouTube vous fournit le code que vous devez partager une vidéo gratuitement, ils ne contribuent pas au processus de le poser sur votre site ou blog. Heureusement, le code embed vidéo de YouTube est juste un iframe HTML ordinaire. Si vous encapsulez cette

tag, vous pouvez utiliser le CSS ou Cascading Style Sheet text-align pour afficher votre vidéo dans le centre de votre blog ou une page Web.
1

Lancez un éditeur de texte comme Bloc-notes et tapez le code HTML div pour centrer l`iframe vidéo YouTube. Par exemple, tapez le code suivant dans votre éditeur:

Un espace avant "

" pour maintenir le code embed de la vidéo plus tard. Ce div contient le code CSS qui indiquera le navigateur pour centrer la vidéo du spectateur.
2

Cliquez "Partager" vous voulez partager sur la vidéo YouTube puis cliquez sur "Intégrer."

3

Sélectionnez le code iframe dans la zone de texte et appuyez sur "Ctrl-C" de le copier dans le presse-papiers.

4

Sélectionnez la fenêtre de l`éditeur, cliquez sur l`espace vide avant la "

" code, puis appuyez sur "Ctrl-V" pour coller le code embed. Votre code devrait maintenant ressembler à ce qui suit:

5

Sélectionnez tout le code dans votre éditeur de texte, copiez et collez-le dans la page de blog ou Web que vous souhaitez afficher à l`intérieur.

Attention

  • Fermer Pour des raisons de sécurité, certains systèmes de gestion de blogs et le contenu ne supporte pas les iframes. Vous pouvez toutefois être en mesure d`utiliser la balise HTML plus pour afficher votre vidéo. Cliquez "Partager," Intégrer," et puis activez la case à cocher "Utiliser l`ancien code embed."

Les références

  • lien W3schools.org: HTML Marque
  • lien Google.com: Intégrer Vidéos et playlists
  • lien Thesitewizard.com: Comment centrer un DIV bloc en utilisant CSS

A propos de l`auteur

Allen Bethea a écrit des articles sur la programmation, la conception Web, systèmes d`exploitation et le matériel informatique depuis 2002. Il est titulaire d`un baccalauréat en sciences de l`UNC-Chapel Hill et AAS degrés dans la technologie de bureau, génie mécanique / rédaction et de la technologie Internet. Allen possède une vaste expérience avec le logiciel de bureau et un système pour les systèmes d`exploitation Windows et Linux.

Articles connexes