title: "Failed to load PDF document" HTML5 Object
body: <p>I am trying to display some PDF documents on my webpage, but I keep getting <code>Failed to load PDF document</code> in my browser. I have tried it in both Google Chrome and Mozilla Firefox (both latest versions). Whenever I inspect the object, and I open the src url directly in my browser, the path is correct and it downloads the PDF file.</p>
  
  <p>Here's the code I'm using:</p>
  
  <pre><code>&lt;object data="https://example.com/_f/user/pdf/my_file.pdf" type="application/pdf" width="100%" height="100%"&gt;
    &lt;p&gt;Alternative text&lt;/p&gt;
  &lt;/object&gt;
  </code></pre>
  
  <hr>
  
  <h2>Update</h2>
  
  <p>I have found an <a href="https://stackoverflow.com/questions/4853898/display-pdf-within-web-browser">solution here on StackOverflow</a> that I have used. Works great!</p>