PDF Встраивается в тег <object> или <embed>, не загружаясь в IE 11

Мне нужно создать ползунок Image, для которого я использую:

" Галерифический плагин > http://www.twospy.com/galleriffic/",

в слайдере Image вместе с изображениями я должен показать файлы PDF для некоторых случаев.

И чтобы показать это, я помещаю <div>, в который встроен PDF внутри <div class="caption"> ", где вы можете показать описание, связанное с изображением.

Для слайдера с PDF вы можете увидеть полный код здесь: http://jsfiddle.net/Z99gr/2/

Я пытаюсь внедрить PDF с помощью тега <object> or <embed>, он отлично работает в Chrome и Firefox. НО не в IE11.

Я не могу понять, чего не хватает, поскольку я создал еще одну скрипку только с одним div, который встраивает PDF файл, и его работа прекрасна во всех трех браузерах, Chrome, Firefox и IE11.

http://jsfiddle.net/dmAM3/1/

Пожалуйста, изучите эту проблему и предлагайте как можно скорее, что мне не хватает для IE 11.

Спасибо!

Ответ 1

Теперь я смог внедрить IE PDF файла, используя тег <iframe>.

Я заменил тег <object> "и" <embed> "<iframe> и теперь он отлично работает со всеми 3 браузерами, Firefox, Chrome и IE.

Существует два способа вложения PDF в IE.

Первый способ: вызывать PDF прямо в <iframe>

Ниже приведен обновленный код:

<div id="pdf">
   <iframe src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
        <p>It appears your web browser doesn't support iframes.</p>
   </iframe>
</div>

Второй способ: если в браузере нет PDF-читателя, вы можете вызвать HTML-страницу в <iframe>, которая содержит тег <object>.

Ниже приведен код для второй опции

    <div id="pdf">
          <iframe src="pdf.html" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
               <p>It appears your web browser doesn't support iframes.</p>
          </iframe>
   </div>

Код для pdf.html "

<body>
    <object data="lorem.pdf" type="application/pdf">
        <p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="lorem.pdf">Click here to download the PDF</a>. Or <a href="http://get.adobe.com/reader/" target="_blank">click here to install Adobe Reader</a>.</p>
       <embed src="lorem.pdf" type="application/pdf" />
    </object>
</body>

Это сработало для меня!

Вот РАБОЧИЙ скрипт: http://jsfiddle.net/stmjvz4f/

Надеюсь, что это будет полезно для других в будущем!

Ответ 2

Я рекомендую проверить PDFObject, который является библиотекой Javascript для встраивания PDF файлов в файлы HTML. Он отлично справляется с совместимостью с браузером и, скорее всего, полностью вернется к IE8.

В вашем HTML вы можете настроить div для отображения PDF файлов:

<div id="pdfRenderer"></div>

Затем вы можете иметь Javascript-код для вставки PDF файла в этот div:

var pdf = new PDFObject({
  url: "https://something.com/HTC_One_XL_User_Guide.pdf",
  id: "pdfRendered",
  pdfOpenParams: {
    view: "FitH"
  }
}).embed("pdfRenderer");