Récemment, un ami m’a demandé comment faire une vidéo de YouTube, petit pour son poster sur son blog, j’ai donc fait un peu de recherche et lui a donné une solution! Selon la vidéo qui a été mise en ligne sur YouTube, la largeur et la hauteur de la vidéo est réglé à une valeur par défaut. Par exemple, sur la plupart des vidéos HD, la largeur est de 560 px et la hauteur est 315px.
Si vous êtes à la recherche pour redimensionner rapidement la vidéo pour l’affichage de votre blog, site web ou de flux social, alors c’est un processus assez simple. Retour dans les jours, vous avez dû modifier manuellement le code d’intégration de données par YouTube pour personnaliser la taille de la vidéo. Maintenant, YouTube vous permet de choisir parmi un ensemble prédéfini de tailles ou choisir votre propre taille.
La première chose que vous voulez faire est de trouver la vidéo sur YouTube que vous souhaitez faire des plus petits. Cliquez ensuite sur le Partage de lien et cliquez sur Intégrer, si ce n’est pas déjà sélectionné.
Le code ressemblera à ceci:
<iframe width=”560″ height=”315″ itemprop=”image” data-original=”http://www.youtube.com/embed/aBUjH2KJns4″ frameborder=”0″ allowfullscreen></iframe>
Vous remarquerez que la LARGEUR et la HAUTEUR des valeurs dans le code. Dans l’ensemble, le code d’intégration est très facile à comprendre. Vous avez la largeur et la hauteur, la src de la balise qui est l’URL de la vidéo YouTube, un frameborder valeur et une option pour permettre à la vidéo pour être joué en plein écran. Il y a d’autres options en plus de ceux-ci, mais c’est la base de code embed.
Vous pouvez aller de l’avant et collez ce code dans un éditeur de texte de votre choix, comme le bloc-notes, et de modifier manuellement la largeur et la hauteur, mais ensuite, vous avez à vous soucier de maintenir le ratio d’aspect de vous-même. Au lieu de s’inquiéter à ce sujet, vous pouvez simplement utiliser la taille Personnalisée option et il va faire tous les calculs pour vous.
Par exemple, il suffit de taper dans la largeur, puis appuyez sur la touche de Tabulation. La valeur de la hauteur sera calculée automatiquement et rempli. Vous pouvez également entrer une valeur pour la hauteur et la largeur de la valeur de régler dans le code embed. Pour une raison étrange, la largeur de la zone de ne pas changer les valeurs, ce qui pourrait être un bug.
Évidemment, vous pouvez faire de la vidéo de YouTube, petites ou vous pouvez l’agrandir si vous le souhaitez également. Si la vidéo a été tourné en HD (1080, 720), vous pouvez augmenter la taille et vous ne perdrez pas de qualité. Donc, c’est sur! Très simple en effet de faire une vidéo plus petite. Maintenant, regardons les options:
1. Afficher les suggestions de vidéos lorsque les vidéos finitions – C’est assez explicite. Si vous la vidéo il suffit de jouer et de s’arrêter après c’est fini, puis décochez cette case.
2. Utiliser HTTPS – Si vous êtes l’intégration de la vidéo YouTube à un site qui utilise une connexion sécurisée (SSL/HTTPS), alors vous avez la possibilité d’utiliser le protocole HTTPS dans le code d’intégration.
3. Activer le Mode de Confidentialité avancé – Par défaut, YouTube pouvez capturer des informations à propos de chaque visiteur qui arrive sur la page où la vidéo YouTube est intégré. En cochant cette case, ils ne peuvent capturer des informations sur les visiteurs de votre site qui en fait la lecture de la vidéo.
4. Utiliser l’ancien code d’intégration – Beurk, aucune idée de pourquoi vous voulez le faire. L’ancien code d’intégration invoqué la balise OBJECT et Flash requis pour jouer. Le nouveau code embed utilise la balise IFRAME et prend en charge le HTML 5 vidéo en plus de flash.
Ceux visibles sont les options, mais il y a aussi quelques cachée des options pour personnaliser la vidéo encore plus. Si vous le souhaitez, vous pouvez avoir la vidéo sur YouTube démarrer la lecture automatiquement lorsque l’utilisateur visite la page. Ajoutez juste ?autoplay=1 à la fin de l’URL dans le répertoire src partie de l’embed code:
<iframe width=”560″ height=”315″ itemprop=”image” data-original=”http://www.youtube.com/embed/aBUjH2KJns4?autoplay=1” frameborder=”0″ allowfullscreen></iframe>
Nice! Vous pouvez également choisir de démarrer la vidéo à un certain temps en ajoutant #t=1m30s à la fin de l’URL de src:
<iframe width=”560″ height=”315″ itemprop=”image” data-original=”http://www.youtube.com/embed/aBUjH2KJns4?autoplay=1#t=1m30s” frameborder=”0″ allowfullscreen></iframe>
Comme vous pouvez le voir ci-dessus, les différents paramètres peuvent être combinés. Dans l’exemple ci-dessus, je vais avoir la vidéo en lecture automatique et je suis en veillant à ce qu’il commence à 1 minute et 30 secondes dans la vidéo.
Il y a probablement d’autres secrets des paramètres, vous pouvez passer dans le code embed, mais les articles mentionnés ci-dessus fonctionne bien pour la plupart des gens. Faire une vidéo de YouTube, petit, c’est un morceau de gâteau grâce au nouveau code embed, qui fonctionnera maintenant dans la plupart des navigateurs modernes sans qu’il soit besoin de Flash. Profitez-en!