How to embed a PDF viewer in a page?
If I'm not mistaken, Google Docs offers the means to display a PDF that is stored on the same server as the web page via an <iframe>
, but I need to know how I can do this in a cross-browser compliant way.
You could consider using PDFObject by Philip Hutchison.
Alternatively, if you're looking for a non-Javascript solution, you could use markup like this:
<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
<p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p>
</object>
PDF.js is an HTML5 technology experiment that explores building a faithful and efficient Portable Document Format (PDF) renderer without native code assistance. It is community-driven and supported by Mozilla Labs.
You can see the demo here.
This might work a little better this way
<embed src= "MyHome.pdf" width= "500" height= "375">