How can I embed a PDF in a webpage without showing the Firefox PDF viewer toolbars?

Question

How can I embed a PDF in a webpage without showing the Firefox PDF viewer toolbars (and the toolbar overlay in Chrome)?

Adding #toolbar=0 doesn't seem to affect these viewers.

I don't want to protect the PDF, I want to make it look cleaner/better on the website.

Current

Have you solved this? This works well in chrome but not in FF. — Lucky, Aug 02 '16 at 17:04

score 4 · Answer 1 · answered Dec 22 '16 at 09:39

4

try it CSS:

    div.pdf {
   position: absolute;
  top: -42px;
  left: 0;width:100%;
  }

and html is:

<div class="pdf"><embed src="http://URL_TO_PDF.com/pdf.pdf">

answered Dec 22 '16 at 09:39

I think that you should apply css to the embed element itself, and use ```margin-bottom: -42px``` – domaci_a_nas Nov 09 '21 at 14:11
Nice solution with position absolute and negative values, works for me – rank Apr 27 '22 at 18:24

score 0 · Answer 2 · edited May 23 '17 at 12:18

0

This question was asked before in a different way.
You should try something like this in your src="" :

<embed src="http://URL_TO_PDF.com/pdf.pdf#toolbar=0&navpanes=0&scrollbar=0" width="425" height="425">

edited May 23 '17 at 12:18

Community

answered Sep 15 '15 at 15:05

Sari Rahal

1

This doesn't work for me, does it work for you in Firefox with the default PDF viewer (not Adobe)? – Person Sep 15 '15 at 15:19
This question was asked a little differently in a security question. I will update the answer. – Sari Rahal Sep 15 '15 at 15:27
3

You've copied the answer for a question about Adobe that has a reply saying it doesn't work in Firefox. – Person Sep 16 '15 at 11:03