Derniers tutoriels de développement web

HTML Vidéos youtube


La meilleure façon de lire des vidéos au format HTML, est d'utiliser YouTube.


Aux prises avec les formats vidéo?

Les différentes versions des différents navigateurs prennent en charge différents formats vidéo.

Plus tôt dans ce tutoriel, vous avez vu que vous pourriez avoir à convertir vos vidéos en différents formats vidéo pour les faire jouer dans tous les navigateurs.

Conversion de vidéos à un format différent peut être difficile et prend du temps.

Une solution plus simple pourrait être de laisser YouTube lire les vidéos sur votre page Web.


YouTube Id vidéo

YouTube affiche un identifiant (like XGSy3_Czz8k) , lorsque vous enregistrez (or play) une vidéo.

Vous pouvez utiliser cet identifiant, et reportez-vous à votre vidéo en HTML.


Lecture d'une vidéo YouTube au format HTML

Pour lire votre vidéo sur une page Web, procédez comme suit:

  • Téléchargez la vidéo sur YouTube
  • Prenez note de l'ID vidéo
  • Définir un <iframe> élément dans votre page Web
  • Laissez le src point d'attribut à l'URL de la vidéo
  • Utilisez la largeur et la hauteur des attributs pour spécifier la dimension du joueur
  • Ajoutez tous les autres paramètres à l'URL

Exemple - En utilisant iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Essayez vous - même »

Paramètres YouTube

masquage automatique

Valeur 0: Les commandes du lecteur sont toujours visibles.

Valeur 1: Les commandes du lecteur se cache automatiquement lorsque la vidéo est lue.

Valeur 2 (default) : Si le joueur a 16: 9 ou 4: 3, identique à 1, sinon identique à 0.

lecture automatique

Valeur 0 (default) : La vidéo ne joue pas automatiquement lors du chargement du lecteur.

Valeur 1: La vidéo démarre automatiquement lors du chargement du lecteur.

contrôles

Valeur 0: commandes du lecteur n'affiche pas. La vidéo se charge immédiatement.

Valeur 1 (default) : affichage contrôle du joueur. La vidéo se charge immédiatement.

Valeur 2: affichage contrôle du joueur, mais la vidéo ne se charge pas avant que l'utilisateur lance la lecture.

boucle

Valeur 0 (default) : La vidéo va jouer une seule fois.

Valeur 1: La boucle de volonté vidéo (forever) pour (forever) .

playlist

Séparées par des virgules liste des vidéos à jouer (in addition to the original URL) d' (in addition to the original URL) .


YouTube <object> Intègre

YouTube <object> Intègre ont été dépréciée de Janvier à 2015.

Vous devez migrer vos applications à utiliser <iframe> encastre.

Exemple - Utiliser <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Essayez vous - même »

Exemple - Utiliser <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Essayez vous - même »