<embed> contre <object>

Quelle est la bonne / meilleure balise à utiliser dans mon fichier HTML lorsque je souhaite afficher la visionneuse Adobe PDF?

En ce moment, j'utilise le code ci-dessous, mais il y a des effets secondaires étranges (par exemple, il semble voler le focus de départ que j'ai défini sur une autre zone de <input>texte; il ne semble pas vraiment bien jouer avec la classe jQueryUI Resizeable; etc.)

<embed src="abc.pdf" type="application/pdf" />

Puis-je même faire la même chose avec l' <object>étiquette? Y a-t-il des avantages / inconvénients à utiliser une balise par rapport à l'autre?

OBJECT vs EMBED - pourquoi ne pas toujours utiliser l'intégration?

Bottom line: OBJECT est bon, EMBED est vieux. En plus des balises PARAM d'IE, tout contenu entre les balises OBJECT sera rendu si le navigateur ne prend pas en charge le plugin référencé OBJECT, et apparemment, le contenu est demandé par HTTP, qu'il soit rendu ou non.

objectest la balise standard actuelle pour incorporer quelque chose sur une page. embeda été inclus par Netscape (avec img) avant que quelque chose de semblable objectne soit dans l' esprit du w3c .

Voici comment inclure un PDF avecobject :

<object data="data/test.pdf" type="application/pdf" width="300" height="200">
  alt : <a href="data/test.pdf">test.pdf</a>
</object>

Si vous avez vraiment besoin que le PDF en ligne s'affiche dans presque tous les navigateurs, comme les anciens navigateurs le comprennent embedmais pas object, vous devrez le faire:

<object data="abc.pdf" type="application/pdf">
    <embed src="abc.pdf" type="application/pdf" />
</object>

Cette version ne valide pas .

Quelques autres options:

<object type="application/pdf" data="filename.pdf" width="100%" height="100%">
</object>

<object type="application/pdf" data="#request.localhost#_includes/filename.pdf" 
        width="100%" height="100%">
  <param name="src" value="#request.localhost#_includes/filename.pdf">
</object>

Vous pouvez également utiliser la méthode iframe, bien que ce ne soit pas compatible avec tous les navigateurs (par exemple, ne fonctionne pas dans Chrome ou Android et probablement d'autres -> invite à télécharger). Cela fonctionne avec les URL de données et les URL normales, vous ne savez pas si les autres exemples fonctionnent avec des URL de données (veuillez me faire savoir si les autres exemples fonctionnent avec des URL de données?)

 <iframe class="page-icon preview-pane" frameborder="0" height="352" width="396" src="data:application/pdf;base64, ..DATAURLHERE!... "></iframe>

La meilleure solution multi-navigateurs pour l'affichage de pdf sur des pages Web est probablement d'utiliser le code de projet Mozilla PDF.js, il peut être exécuté en tant que service node.js et utilisé comme suit

<iframe style="width:100%;height:500px" src="http://www.mysite.co.uk/libs/pdfjs/web/viewer.html?file="http://www.mysite.co.uk/mypdf.pdf"></iframe>

Un tutoriel sur l'utilisation de pdf.js peut être trouvé dans cet article du blog ejectamenta

Incorporer n'est pas une balise standard, bien que l'objet soit. Voici un article qui semble vous aider, car il semble que la situation n'est pas si simple. Un exemple de PDF est inclus.