Lancer une vidéo Youtube à un moment précis via une page ou un player intégré (embed)

Je sais bien que cette info ne date pas d'hier mais ça peut toujours être utile à certains d'entre vous, et surtout j'en avais marre d'aller sans cesse la chercher sur Google.

Si vous souhaitez faire un lien directement vers une page Youtube et que la vidéo commence à un moment précis, il vous suffit de rajouter #t=xmxs à la fin de l'adresse en remplaçant le x précédant le m par la minute de démarrage et le x précédant le s par les secondes. Par exemple, si je veux faire commencer cette vidéo https://www.youtube.com/watch?v=nU2eD5dl5ME à 15 secondes du début je mettrais https://www.youtube.com/watch?v=nU2eD5dl5ME#t=0m15s .

En revanche, pour intégrer le player (embed) sur vos sites, la technique change et c'est un poil plus compliqué puisqu'il faut ajouter la commande &start= (suivi du numéro de la seconde à laquelle doit partir la vidéo) à la fin des 2 urls dans le code donné par Youtube sur la page de la vidéo que vous souhaitez ajouter. Je m'explique, à la base, vous devez avoir quelque chose qui ressemble à ça:

<object width="425" height="344"><param name="movie" value="https://www.youtube.com/v/nU2eD5dl5ME&hl=fr_FR&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/nU2eD5dl5ME&hl=fr_FR&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

J'ai mis en gras les 2 urls dont je vous parlais plus haut, et bien maintenant, il vous suffit d'y ajouter &start=NumeroDeLaSecondeALaquelleDoitPartirLaVidéo. En résumé, si je souhaite que la vidéo démarre à partir du refrain de la chanson précédente qui commence à 1mn 3 sec, il faut que je rajoute &start=63 comme ceci:

<object width="425" height="344"><param name="movie" value="https://www.youtube.com/v/nU2eD5dl5ME&hl=fr_FR&fs=1&rel=0&start=63"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/nU2eD5dl5ME&hl=fr_FR&fs=1&rel=0&start=63" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Ce qui donnera ça:

En espérant avoir pu vous être utile !

7 commentaires

Vous pouvez souscrire au flux RSS des commentaires de cet article pour ne pas les louper !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Webmentions (en savoir plus)

Article mentionné ailleurs