Embedding PDF files into HTML

by Génesis García Morilla

HTML

<object 
    title="PDF" 
    data="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" 
    type="application/pdf">
    <iframe 
      title="PDF Fallback" 
      src="https://docs.google.com/gview?embedded=true&url=https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"/>
  </object>

CSS

body {
    margin: 0;
    width: 100vw;
	  height: 100vh;
  }
  
  object {
    width: 100%;
    height: 100%;
  }

  iframe {
    border: none;
    width: 100%;
    height: 100%;
  }