Modification de la vid o interactive
This presentation is the property of its rightful owner.
Sponsored Links
1 / 21

Modification de la vidéo interactive PowerPoint PPT Presentation


  • 56 Views
  • Uploaded on
  • Presentation posted in: General

Modification de la vidéo interactive. L’Oréal. 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é. Modification des boutons dans l’ascenseur ainsi que l’ordre.

Download Presentation

Modification de la vidéo interactive

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Modification de la vid o interactive

Modification de la vidéo interactive

L’Oréal


Modification de la vid o interactive

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é.


Modification de la vid o interactive

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).


Modification de la vid o interactive

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


Modification de la vid o interactive

  • 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


Modification de la vid o interactive

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


Modification de la vid o interactive

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).


Modification de la vid o interactive

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.


Modification de la vid o interactive

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).


Modification de la vid o interactive

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 ?


  • Login