Iframe Document Preview with Google Docs and Ms. Office

example.html

<!-- Using Google Docs -->
<iframe
  src="https://docs.google.com/gview?embedded=true&url=YOUR-FILE-URL"
  style="width: 100%; height: 500px"
>
  <p>Your browser is not supported.</p>
</iframe>

<!-- Using Ms. Office -->
<iframe
  src="https://view.officeapps.live.com/op/embed.aspx?src=YOUR-FILE-URL"
  style="width: 100%; height: 500px"
>
  <p>Your browser is not supported.</p>
</iframe>

<!-- Note that YOUR-FILE-URL must be public accessible. -->