Вставить PDF в HTML5

Я пытаюсь встроить PDF в HTML-документ, но, похоже, это работает только с Chrome. Другие браузеры, похоже, требуют плагинов или требуют, чтобы пользователь щелкнул ссылку, которая не является тем, что я хочу. Вот что я пробовал:

<object data="pdfFiles/interfaces.pdf" type="application/pdf">
                <embed src=" pdfFiles/interfaces.pdf" type="application/pdf">&nbsp; </embed>
                    alt :<a href="pdfFiles/interfaces.pdf">
                </object>

Ответ 1

Вот код, который вы можете использовать для каждого браузера:

<embed src="pdfFiles/interfaces.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

Протестировано на firefox и chrome

Ответ 2

<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Документы Google позволяют встраивать PDF файлы, документы Microsoft Office и другие приложения, просто связываясь с их услугами с помощью iframe. Его удобный, универсальный и привлекательный.

Ответ 3

Это прекрасно работает, и это официальный HTML5.

<object data="https://link-to-pdf"></object>

Ответ 4

Знаете ли вы о http://mozilla.github.io/pdf.js/, это проект mozila для рендеринга pdf внутри вашего html с использованием холста. он очень прост в использовании.

Ответ 5

Я рекомендую использовать PDFObject для обнаружения плагинов PDF.

Это позволит вам отображать альтернативный контент, если браузер пользователя не способен отображать PDF напрямую. Например, PDF будет отображаться в Chrome для большинства пользователей, но для них потребуется плагин, такой как Adobe Reader, если он использует Firefox или Internet Explorer.

Как минимум PDFObject позволит вам отображать сообщение со ссылкой для загрузки Adobe Reader и/или самого файла PDF, если их браузер еще не имеет плагина PDF.

Ответ 6

FlexPaper, вероятно, по-прежнему остается лучшим зрителем, который можно использовать для такого рода вещей. У этого есть традиционный зритель и больше просмотра страницы/флип-книжного стиля как в flash, так и в html5

http://flexpaper.devaldi.com