Aller au contenu principal

Premiers pas

Intégration minimale du viewer PDF avec navigation entre les pages.

pdf

Aperçu

Props & options interactives

PropTypeDéfautDescriptionEssayer
pageurl param1Page affichée à l'ouverture.
1
enable_downloadurl param0Afficher le bouton de téléchargement.

Documentation

La configuration la plus simple du viewer PDF : compteur de pages, boutons précédent/suivant et champ pour sauter à une page. Affichez le bouton de téléchargement si vous voulez que les visiteurs enregistrent le document, ou gardez-le masqué pour un embed en lecture seule.

Code

HTML
<iframe
  src="https://app.videas.com/embed/019dcfc0-7e04-75be-b0de-50ec4eb80f62/?page=1&enable_download=0"
  width="100%" height="100%"
  frameborder="0" allowfullscreen
></iframe>

Questions fréquentes

Le viewer diffuse-t-il le PDF en streaming ou le télécharge-t-il intégralement ?

Il fait du streaming. Les pages sont récupérées via des requêtes HTTP range à la demande, de sorte qu'un document de 200 pages s'ouvre en quelques centaines de kilo-octets et que les pages se chargent au fil du défilement.

Puis-je faire un lien profond vers une page précise ?

Oui — utilisez <code>start_page=N</code> sur l'URL d'embed. Le viewer met aussi à jour son hash au fur et à mesure du défilement, donc partager l'URL d'iframe préserve la page en cours.

Le PDF est-il rendu en HTML ou conservé tel quel ?

Conservé tel quel. Videas utilise PDF.js pour afficher le fichier original sur un canvas, avec une couche de texte invisible par-dessus pour la sélection et les lecteurs d'écran. Aucune conversion, aucune perte de fidélité.