How to embed a web video(like vimeo) and make it responsive in the iframe code

Apr 25, 2019

When i tried to embed a web video from vimeo with the iframe code, the size of the iframe can not be set as %, so it can not be responsive in different devices.

is there any solutions for this?

<iframe src="https://" width="640" height="360" frameborder="0"></iframe>

Thank you!

 

11 Replies
Jeffrey Fazakerley

Hello! I'm wondering if you ever found a solution to this problem. I'm having a similar issue. I'm trying to embed a Google Form and Google Sheets Chart using iframe code entered into a video web object and it won't let me put in a percentage. When published in Review 360, the iframe content isn't responsive. 

Any new thoughts on how to do this? 

Ashley Terwilliger-Pollard

Hi Jeffrey,

I took a look at the older case that Total CSR had with our Support team and it appears that my colleague Vevette wasn't able to experience the videos not displaying responsively. So it seemed to be device or environment-specific. 

Have you looked at the course outside of Review 360 to see how it behaves? Since Review 360 is itself a frame, a frame within may not be seen to allow for the responsive updating. 

Let us know if you'd like our Support Team to dig in one-on-one with you as well!

Jeffrey Fazakerley

Thanks for getting back to me! I actually did hit up the support team and they helped me realize that I was using a video object for the iframe instead of a web object. I needed to grab the source URL from the iframe embed code and paste it in the link field when inserting the web object. Once I did that the Google Form and Google Sheet chart became responsive.

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