Intégration d'une vidéo avec ajout de hotspots

Bonjour,
Il s'agit de réaliser l'intégration d'une vidéo dans un module spécifique avec l'ajout de hotspots permettant l'affichage de pop-ups au clic.
Voici le détail de la prestation :
Intégration de la vidéo dans un module spécifique permettant de gérer la lecture de la vidéo au scroll comme sur le site : [URL visible pour les membres Pro]
-> Il faudra que la synchronisation du défilement de la vidéo et du scroll soit particulièrement précise pour que l'illusion de continuité soit assez réaliste (le code fourni dans le lien ci-dessus devrait aider).
- Intégrer la vidéo de façon à optimiser le temps de chargement ([URL visible pour les membres Pro]).
- Ajout de hotspots sur chacun des "produits" sur une "couche" (layer) supérieure. Attention, le clic sur un hotpsot doit mettre en pause la vidéo et ouvrir une pop-up, mais ne doit pas gêner le déroulement de celle-ci au scroll lorsque l'on ne clique pas.
Les pop-up contiendront des renseignements détaillant les usages du produit "cliqué".
La fermeture de la pop-up doit être simple d'accès (si possible simplement en cliquant en dehors de la fenêtre), pour que l'utilisateur puisse reprendre le déroulement de la vidéo au scroll facilement et poursuivre sa "découverte".
Il faudrait que le texte ne soit pas traité en image mais bien en texte pour ne pas nuire au référencement.
Je vous joins l'exemple de pop-up.
La vidéo de la coulure sur le fond ardoise est déjà réalisée, il faut donc intégrer le code pour qu'elle puisse se dérouler au scroll et ensuite traiter toutes les images et les pop-up correspondantes.
Nous vous fournissons psd et calques nécessaires.
Merci