Modification de la vidéo interactive

1. Modification de la vidéo interactive L’Oréal

3. La vidéo démarrera directement lors de l’arrivée sur la page. Dis moi s’il y a quelques choses à faire de ton coté.

4. Modification des boutons dans l’ascenseur ainsi que l’ordre. Lors du clique sur l’une des entrées, suppression de la vidéo intermédiaire. A la place, on fait une disparition en fade-out noir et apparition dans le couloir en fade-in noir (suppression également de la vidéo de sortie d’ascenseur).

5. Modification du style et des textes des boutons dans les couloirs.

6. Mise en place de roll-over sur les boutons « métiers ». • Chaque métier dispose • donc : • d’une image • d’un texte • Il faut prévoir que la zone texte peut être de 2 lignes. Dans ce cas, la zone texte s’agrandit vers le haut. • Cf exemple slide 12. • Il faut faire attention que la typo reste lisible dans le flash. • Au roll-over sur le nom du métier, le bloc apparait en passant derrière le bouton métier. • Cf exemple slide 16-17-18

7. Une fois que le roll-over est actif (avec image + texte visible), il devient cliquable et lance la vidéo correspondante au clic.

8. Modification du player vidéo. Comme tu peux le voir, la barre du player se situe au plus bas de la vidéo (en noir et blanc).

9. Lorsque la souris va rentrer dans la zone de la vidéo, le bouton « pause » s’affiche. Lorsque l’on sort de la zone vidéo, le « pause » disparait. Le but étant que lors de la lecture d’une vidéo, si je clique dans la zone vidéo, la vidéo se mette en pause.

10. Une fois que la vidéo est en pause, le bouton « play « apparait. A ce moment là, au clic dans la zone vidéo, la lecture reprend (et le bouton play disparait).

21. Ecran final des vidéos. Cette écran arrivera à la fin de chaque vidéo. Il me semble que l’on peut les insérer nous même. Tu confirmes ?