Cannot embed Google Drive Files in an iframe

iframe google-drive-api google-docs-api
Elior Boukho picture Elior Boukho · Dec 17, 2014 · Viewed 13k times · Source

I recently had a problem with the Google Drive API displaying my documents. We have developed a web application that is connecting to Google Drive accounts to retrieve a user's drive files, then display in an iframe the file using its embedUrl/alternateUrl.

This has worked fine for us in the past, but suddenly files other than Google Documents stopped displaying: html files, text files, doc files... even images!

The error I get is Refused to display 'https://docs.google.com/file/d/0B_JkNS6Wu4b5R2c0YlJSN0oyQUE/edit?usp=drivesdk' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

I understand the error, it means that Google is preventing the display of documents outside of the Google domain, but the question is "why suddenly now", and how to circumvent it.

If someone stumbled upon the same issue and have found a solution, I'd be glad to hear.

Thank you kindly.

Answer

Mukesh Jeengar picture Mukesh Jeengar · Jan 17, 2016 
https://docs.google.com/file/d/0B_JkNS6Wu4b5R2c0YlJSN0oyQUE/preview?usp=drivesdk

Use preview instead of edit in the URL. It will work.

Related questions

How To Embed Google Drive Document (PDF) In Blogger Post?

I want to embed a pdf document from Google Drive in my Blogger Post.

Read More
How to apply CSS to iframe?

I have a simple page that has some iframe sections (to display RSS links). How can I apply the same CSS format from the main page to the page displayed in the iframe?

Read More
Make iframe automatically adjust height according to the contents without using scrollbar?

For example: <iframe name="Stack" src="http://stackoverflow.com/" width="740" frameborder="0" scrolling="no" id="iframe"> ... </iframe> I want it to be able to adjust its height according to the contents inside it, without using scroll.

Read More