Question 45095 in Html Question posted in
Some basic documentation can be found here.

pdf in iframe only first page on iphone/ipad view – Html

I have added embedded pdf but only first page is displayed in chrome and safari mobile. I need your help.

< iframe src="soz.pdf"
frameborder="0" id="myiframe" style="height:100%; width:100%;">

—this is my code

Tags:

2

Answers


  1. 0

    I don’t think much is likely to have changed for the past few years so

    Adobe response is

    PDFs are not supported in the mobile browsers if embedded inside an HTML page. only first page would be displayed. Safari (and UIWebViews) supports the rendering of PDFs if given the absolute URL.

    Solution:
    This issue a limitation mobile browsers [sic] if PDF files are embedded inside an HTML page.

    Workaround:

    These links can be opened by appending /default/connect.pdf
    Example https://my.adobeconnect.com/px0fs4dlnp3o/ can be loaded fully by using https://my.adobeconnect.com/px0fs4dlnp3o/default/connect.pdf

    other older suggestions here
    Problems displaying PDF in iFrame on Mobile Safari

    Most common answer from others is, hand your precious data to google analytics, ensure you use ?embedded=true&url=

    https://drive.google.com/viewerng/viewer?embedded=true&url=https://pdfobject.com/pdf/sample-3pp.pdf

    Login or Signup to reply.
  2. 0

    I found a work a workaround for that, we can use the following link:

    http://docs.google.com/gview?url=${url}&embedded=true,
    for example:

    < iframe src="http://docs.google.com/gview?url=https://link_to_file.pdf&embedded=true" frameborder="0" id="myiframe" style="height:100%; width:100%;">
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search