How to embed a PDF viewer in a page?

html pdf
Andrei Oniga picture Andrei Oniga · Dec 29, 2012 · Viewed 334.8k times · Source

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.

Answer

Ian Gregory picture Ian Gregory · Dec 29, 2012

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>

Related questions

Recommended way to embed PDF in HTML?

What is the recommended way to embed PDF in HTML? iFrame? Object? Embed? What does Adobe say itself about it? In my case, the PDF is generated on the fly, so it can't be uploaded to a third-party solution prior …

Read More
Convert HTML + CSS to PDF

I have an HTML (not XHTML) document that renders fine in Firefox 3 and IE 7. It uses fairly basic CSS to style it and renders fine in HTML. I'm now after a way of converting it to PDF. I have tried: …

Read More
Convert HTML to PDF in .NET

I want to generate a PDF by passing HTML contents to a function. I have made use of iTextSharp for this but it does not perform well when it encounters tables and the layout just gets messy. Is there a …

Read More