Premiers pas
Intégration minimale du viewer d'images avec les contrôles par défaut.
Aperçu
Props & options interactives
| Prop | Type | Défaut | Description | Essayer |
|---|---|---|---|---|
| enable_download | url param | 0 | Afficher un bouton de téléchargement pour chaque image. | |
| enable_fullscreen | url param | 1 | Activer le bouton plein écran. |
Documentation
La configuration la plus simple du viewer d'images : flèches de navigation, compteur et bouton plein écran optionnel. Affichez le bouton de téléchargement si vous voulez que les visiteurs enregistrent les images une à une, ou gardez-le masqué pour un embed en consultation seule.
Code
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe
src="https://app.videas.com/embed/019dcfd1-e745-71d6-9db6-f702b75bd97b/?enable_download=0&enable_fullscreen=1"
width="100%" height="100%"
frameborder="0" allowfullscreen
allow="fullscreen"
style="position:absolute;top:0;left:0"
></iframe>
</div>Questions fréquentes
Quels formats d'image sont pris en charge ?
Videas accepte les PNG, JPEG, WebP, AVIF et GIF animés. Les formats non animés sont transcodés en WebP/AVIF à l'upload et servis en plusieurs tailles, pour que le viewer choisisse toujours la variante la plus légère adaptée au viewport.
Les légendes sont-elles indexées pour le SEO ?
Oui. Les légendes sont rendues sous forme d'éléments <code><figcaption></code> à l'intérieur de l'iframe et sont aussi exposées dans l'attribut <code>alt</code> de la balise <code><img></code> sous-jacente, pour être récupérées aussi bien par les crawlers que par les technologies d'assistance.
Les visiteurs peuvent-ils télécharger le fichier original ?
Uniquement lorsque <code>enable_download=1</code> est défini et que les permissions de partage de l'asset l'autorisent. Sinon, le viewer n'expose que les variantes d'affichage, jamais le master original.