Comment inclure un fichier PDF dans une page HTML ?
Quelle est la meilleure solution pour inclure un fichier PDF dans une page HTML ; non pas sous la forme d'un lien, mais bel et bien intégré à la page pour qu'il puisse y être visionné ?
L'approche la plus récente consiste probablement à utiliser la bibliothèque PDF.JS pour inclure un fichier PDF dans une page HTML. C'est un moteur de rendu purement HTML5 et JavaScript pour les documents PDF, et aucun plug-in tiers n'est nécessaire. Cette solution n'est cependant pas la plus simple à mettre en œuvre.
Vous pouvez plus simplement utiliser la balise <embed> pour inclure un fichier PDF dans une page HTML.
Il est à noter que pour des raisons de sécurité, plusieurs navigateurs n'afficheront pas le PDF. Il est ainsi peu recommandé d'inclure directement l'URL des PDF. Mieux charger le PDF depuis une URL de confiance, tel qu'un service de Cloud connu et reconnu.
Utilisez par exemple le service de Google car sinon votre PDF n'apparaitra pas sur certaines plateformes, Chrome pour Android par exemple.
<embed src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://exemple.com/fichier.pdf" width="600" height="400">