Aller au contenu principal

Mises en page de galerie

Modes grille, carrousel et plein écran.

image

Aperçu

Essayez dans le player

Grille responsive

La grille réduit automatiquement son nombre de colonnes sur tablette et passe à une seule colonne sur mobile, pour que les miniatures restent confortablement tapables.

Mise en page plein écran

Le mode plein écran est accessible depuis la barre d'outils et répond au raccourci plein écran natif du navigateur (F).

Documentation

Trois mises en page permettent au viewer de s'adapter à différents contextes. Carrousel affiche une image à la fois avec une bande de miniatures en dessous. Grille présente toutes les images dans une grille responsive. Plein écran occupe tout le viewport pour un diaporama immersif. La mise en page se choisit par asset dans le dashboard.

Code

HTML
<div style="padding:56.25% 0 0 0;position:relative;">
  <iframe
    src="https://app.videas.com/embed/019dcfd1-c6e7-76c4-9306-fff87f028620/"
    width="100%" height="100%"
    frameborder="0" allowfullscreen
    allow="fullscreen"
    style="position:absolute;top:0;left:0"
  ></iframe>
</div>

Questions fréquentes

Un visiteur peut-il changer de mise en page à la volée ?

Avec le focus sur le viewer, appuyer sur <kbd>G</kbd> alterne entre grille et carrousel. La mise en page plein écran s'active via le bouton de la barre d'outils.

Comment choisir la mise en page par défaut ?

Choisissez la mise en page par galerie dans les réglages de l'asset, dans le dashboard Videas. Un paramètre d'URL dédié est prévu sur la roadmap.