Как вставить pdf файл в html?

Question

Я хочу встроить файлы pdf в свой html (с помощью тега embed или тега iframe).

Я пробовал следующие два. Все хорошо работают на firefox, но не на chrome, Chrome и android браузерах .

<embed type="application/pdf" src="myfile.pdf"></embed>
<iframe class="embed-responsive-item" src="myfile.pdf" allowfullscreen></iframe>

Я также пробовал читать файл pdf с помощью php, а затем использовать iframe чтобы отобразить это так

header("Content-type: application/pdf");
header("Content-Disposition: inline; filename=".$_GET['pdf']);
@readfile($CONFIG['PDF']."/".$_GET['pdf']);

Опять же, это не работает в chrome / chromium и мобильных браузерах. Он работает только на настольных компьютерах. firefox.

Я не уверен, важна ли это информация, но я также установил в X-Frame-Options "ALLOW-FROM mydomain.com"

Здесь вы найдете пример проблемы.

Есть ли другой способ встроить файл pdf на веб-страницу?

Answer 1

Браузер Chrome на Android больше не поддерживает встраивание PDF. Вы можете получить это, используя программу просмотра PDF-файлов Google Диска:

<embed src="https://drive.google.com/viewerng/
viewer?embedded=true&url=http://example.com/the.pdf" width="500" height="375">

Для этой цели также можно использовать программу просмотра PDF-файлов Google. Вам нужно куда-то загрузить свой PDF-файл и просто использовать его URL:

<iframe src="http://docs.google.com/gview? url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>