Embedding a multi-page PDF into HTML

Spencer.V.4004 · June 27

I can embed a single page PDF easily into HTML, however, by following the same process I only see the first page of a multi-page PDF. Why is this? What do I need to do to be able to scroll through all the pages of a multi-page PDF? These are all PDFs that have been uploaded into BS before trying to embed them.

Andrea.M.553 · June 28

Hello,

I am sorry you are experiencing frustration with this.

This should work without any issues. Here is a gif of an embedded multi page PDF from manage files on an HTML content page in New Content Experience in my environment.

The PDF is iFramed in from Manage Files.

How have you been adding yours?

Best,

Andrea

Chris.S.534 · July 2

Hi Spencer,

How are you embedding the PDF document into the HTML? This will hopefully help to identify the issue being experienced.

You can try the following code entered into the HTML:

 <object class="pdf" 
            data=
"/content/enforced/{yourcourseinfo}/PDF.pdf"
            width="800"
            height="500">
    </object>

Alternatively, add the file directly to the content unit/module.

Hope this helps!

Spencer.V.4004 · July 2

Chris,

I am using the following for the embed code:

Andrea.M.553 · July 8

Hi Spencer,

This is the exact code I used for the image above, but instead of width being 100%, I used a 700px.

Best,

Andrea

Embedding a multi-page PDF into HTML

Answers

Categories