Afficher un PDF dans une page HTML (sans player Flash)

PDF sans Flash

Le problème des affichages de PDF classiques, c’est qu’ils nécessitent tous un plugin Flash fonctionnel. Or il existe un moyen d’afficher les PDF (très peu utilisé il est vrai), et sans utiliser aucun player Flash. Un assez vieux moyen d’ailleurs, utilisant les iframe. EN fait, cela intègre à la page web un petit player Adobe Reader, c’est à dire sans Flash, mais avec exactement les même boutons que le player Adobe Reader que vous utilisez tous les jours (à moins que vous utilisiez d’autres lecteurs tels que Foxit).

Pour afficher un PDF directement dans une page HTML classique, il suffit d’utiliser une balise iframe, comme suit (intégrez le code qui suit à votre page HTML en remplaçant le test.pdf par l’URL complète de votre fichier PDF :

<iframe
src="test.pdf" width="500" height="800" align="middle">
</iframe>

Et ça fonctionne ! Faites le test chez vous, et constatez par vous-même 🙂

Ce qui donne (avec un PDF que j’avais rédigé, c’est juste pour l’exemple) :

10 réflexions au sujet de « Afficher un PDF dans une page HTML (sans player Flash) »

  1. Oui c’est vrai 🙂 Mais bon, sans rien d’installé, je sais pas si on peut s’en sortir n’on plus 😀

    RépondreRépondre
  2. Bonjour,

    je me permet d’intervenir car cette méthode marche très bien sous Firefox, mais ne marche pas du tout sous IE :

    – le pdf ne s’affiche pas dans la frame (qui est toute blanche)

    – par contre il est téléchargé et affiché « en grand » hors navigateur.

    Ma question est : peut-on contrer ce problème (d’un point de vue du développeur) ?????

    merci

    eric

    RépondreRépondre
  3. @Eric: Heu moi je suis sous IE7 et ça marche (PDF affiché dans la frame comme sous Firefox). Je pense qu’il faut que tu aies le plugin Adobe Reader d’installé pour que ça fonctionne correctement.

    RépondreRépondre
  4. @Louis: Hello louis, ben j’ai IE8, avec le plugin acrobat qui est installé,

    effectivement je viens de tester avec IE7 (grâce au logiciel ietester) et ca fonctionne :!

    RépondreRépondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.