Embedded Google Drive Videos - Viewing lesson on iPhone

Dec 17, 2019

Hello all,

Recently Vincent graciously helped me understand how to embed videos from Google Drive using Embed > Insert Video from website (via iFrame). 
See: https://community.articulate.com/discussions/articulate-storyline/playing-standard-videos-stored-in-google-cloud-drive#reply-647184

This works really well, except using the iPhone and Safari. It does work with Chrome, but iPhone users cannot make Chrome the default browser. :( 

I am wondering if anyone has experience with playing videos embedded using the above method. Is their a solution?

It's especially odd because running iFrame web tests demonstrate that iFrames do function on my iPhone. So, maybe this isn't an iFrame incompatibility issue? Any ideas about what might be preventing the video from showing?

I experimented with different iFrame parameters, such as:

The original iFrame that Google videos gave me:

<iframe src="https://drive.google.com/file/d/1IdcHQCjkui27gB1ZbDFKeZnu-E8clCJJ/preview" width="640" height="480"></iframe>

Mod1:

<iframe src="https://drive.google.com/file/d/1IdcHQCjkui27gB1ZbDFKeZnu-E8clCJJ/preview" frameborder="0" scrolling="no" style="position: absolute; top: 0px; left: 0px; height: 100%; width: 1px; min-width: 100%; *width: 100%;"></iframe>

Mod2:

<div style="position: relative; padding-bottom: 62.45%; height: 0px; overflow: hidden;">
<iframe src="https://drive.google.com/file/d/1IdcHQCjkui27gB1ZbDFKeZnu-E8clCJJ/preview" frameborder="0" scrolling="no" style="position: absolute; top: 0px; left: 0px; height: 100%; width: 1px; min-width: 100%; *width: 100%;"></iframe></div>

 

Any ideas?

Thank you. 

Be the first to reply

This discussion is closed. You can start a new discussion or contact Articulate Support.