Afficher un PDF (ou autre) dans une page web

Si vous mettez un document PDF dans votre page via un iframe et que votre visiteur n'a pas installé le plugin Adobe (ou autre), le navigateur va lui demander de télécharger le document pour le visualiser ensuite dans un lecteur. Cela arrive aussi avec de vieux navigateurs ou très simplifiés. Ce n'est pas très pratique!

Google a mis au point depuis longtemps un viewer "embedded*" qui convertit automatiquement un PDF en page HTML (enfin, je pense...) visible par tous. Cela marche aussi avec d'autres types de fichiers, en fait tous ceux pris en charge par Google Docs.

*Embedded=embarqué, intégré

Ici, dans l'exemple suivant, il s'agit d'un PDF de Météo-France Antilles -la météo marine en Anglais- qui change 2 fois par jour.
J'utilise ici un iframe, mais il y a d'autres solutions. Il suffit de faire une recherche.

Il faut d'abord réécrire l'URL du PDF. Si vous êtes propriétaire/auteur du document, il doit être hébergé sur un serveur, par exemple Dropbox.

L'URL de notre document:

 http://mon-document.pdf

L'URL réécrite (en rouge, ce qui est ajouté)

https://docs.google.com/gview?url=http://mon-document.pdf&embedded=true

Et voilà, le tour est joué!

Exemple avec le document PDF de Météo-France Antilles

https://docs.google.com/gview?url=http://www.meteo.fr/temps/domtom/antilles/pack-public/marine/sea.pdf&embedded=true

Voici le code de l'iframe:

<p style="text-align: center;"><iframe frameborder="0" height="1500" name="dirrag" scrolling="yes" src="https://docs.google.com/gview?url=http://www.meteo.fr/temps/domtom/antilles/pack-public/marine/sea.pdf&embedded=true" width="670"></iframe></p>

Et le résultat: