Simounet.net – Blog Blog d'un opengeek passionné

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 http://www.youtube.com/watch?v=nU2eD5dl5ME à 15 secondes du début je mettrais http://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="http://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="http://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="http://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="http://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 !

Billets similaires:

1. Une leçon d’humilité en vidéo
2. Fav4: accédez à vos 4 sites favoris en une page de démarrage
3. Astuce Firefox pour lancer plusieurs profils en même temps
4. Google ajoute l’audio et la vidéo sur Gmail
5. Garder une vidéo Flash en plein écran sur plusieurs écrans