Animation d'un avatar

Bonjour,
J'ai comme projet de réaliser une présentation à l'aide d'une vidéo d'un avatar en Js et html5 dont le scénario est le suivant.La vidéo est divisée en 2 parties une partie muette ou l'avatar est seulement animé (cette partie passe en boucle jusqu'au clic) et la 2ème partie où il parle et délivre une information lors du clic sur un bouton "INFO". Lancer la vidéo ne me pose pas de problème. Ce que je ne sais pas faire c'est caler la lecture sur la 2ème partie lors du clic. Je suppose qu'il faut prévoir un compteur.

Déroulement prévu:

1- L'avatar est présent et est animé en boucle.(1ère partie)
2- clic sur le bouton info-->lancement du message (2ème partie de la vidéo) l'avatar délivre alors le message.
3- Fin du message (fin de la 2ème partie ) --> Retour au début de la vidéo (1ère partie)
4- L'avatar est présent et est animé en boucle. (attente du clic)
J'espère que c'est clair

Voilà le début de code mais il manque encore pas mal de chose... un p'tit coup de main?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html> <html> <body> <button onclick="myFunction()" type="button">Change Video</button><br> <video id="myVideo" autoplay loop> <source id="mp4_src" src="dict_e_homme1_.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video> <script> function myFunction() { document.getElementById("mp4_src").src = "movie.mp4"; document.getElementById("myVideo").load(); } </script> </body> </html>