Le 16 mai 2009, par Louis

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) :

Adobe | Astuces | Tutoriels

Vous serez peut-être intéressé :

Flash peut désormais être intégré à la balise <canvas&…

Adobe abandonne Flex à la fondation Apache : un nouveau p…

Google arrête le support du codec H.264 pour les vidéos e…

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

Tuxargon dit :

16 mai 2009 à 17:32

Il faut par contre avoir le plugin d’adobe installé
Répondre
Louis dit :

16 mai 2009 à 17:36

Oui c’est vrai Mais bon, sans rien d’installé, je sais pas si on peut s’en sortir n’on plus
Répondre
Eric dit :

7 septembre 2010 à 14:53

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épondre
Louis dit :

7 septembre 2010 à 14:56

@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épondre
Eric dit :

8 septembre 2010 à 11:23

@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épondre
waynesnipper dit :

14 septembre 2010 à 3:59

nice work
Répondre
Zildal dit :

25 mars 2011 à 17:02

Ca ne marche pas sous Mac
Répondre