iFrame embedder no longer makes responsive pages

Submitted by luke_jaeger on Fri, 03/26/2021 - 18:39
Forums: 
General discussion

Hello,

I've been using the H5P iFrame embedder to put Google Docs into WP posts. It worked fine until today!
The posts used to display properly on mobile devices -- but the ones I created today don't.

The problem only seems to affect Google Docs. PDF's from Google Drive embedded in iFrames still display correctly.

The embedded Google Doc posts I created a few months ago still worked fine earlier today. Then I noticed there was an update for iFrame embedder so I installed it, thinking that might help. Now all of my iFrames are unresponsive!
As far as I know, I followed the exact same procedure creating the functional ones and the broken ones.

Further examples:

https://commons.mtholyoke.edu/fimbeldocs/introduction-to-meshmixer/
https://commons.mtholyoke.edu/fimbeldocs/how-to-solder/

BV52's picture

BV52

Mon, 03/29/2021 - 18:02

Hi Luke,

The H5P core team does not recommend using the iFrame embedder anymore. It has issues with accessibility as well as responsiveness.

-BV

luke_jaeger

Tue, 04/20/2021 - 16:43

Is there a better way to embed a google doc in a WP post?

luke_jaeger

Mon, 05/03/2021 - 17:58

I stumbled upon a fix! 

The google docs that were not loading correctly had a url like:

 https://docs.google.com/document/d/[documentIDstring]/preview

When I changed it to  https://docs.google.com/file/d/[documentIDstring]/preview they loaded properly!

[ie, change 'document' to 'file' in the URL]