Exemple – Réaliser une séquence avec timeline
Définitions
Nous avons réalisé une séquence utilisant la timeline. Pour ce projet, la vidéo est hébergée chez Vimeo et les textes, pour respecter un choix typographique sont des images (png transparent)
Vous pouvez aller voir le projet sur sa page de publication.
La page Média manager
En premier lieu nous avons uploadé les images nécessaires.
La page Editor
Ici les éléments arrivent simplement les uns après les autres. La vidéo étant hébergée chez Vimeo, nous utilisons un Article avec comme contenu une <iframe>
, le caractère Autoplay de la vidéo est défini à l’intérieur de l’iframe (lors de la définition des options dans le player de Vimeo), elle ne peux donc en aucun cas réagir à un play ou un pause de notre player car cette video est extérieure à notre plate-forme.
La page Projet
Pour ce projet, nous avons glissé notre séquence dans le Storybuilder, et nous avons coché la case Autoplay par contre la case Plein écran n’a pas été cochée.
Le projet est maintenant publié, nous pouvons le partager ou l’intégrer dans votre site grâce aux deux types d’exportation disponible.
Pour plus de détail sur l’utilisation de ces codes d’exportation, consulter cet article.