Video embed not working when using responsive embed code version

I’m having issues getting a video embed to work properly.

Here’s the code from video platform (responsive embed version):

<iframe src="" style="width:100%;height:100%;position:absolute;left:0;top:0" frameborder="0" allowfullscreen></iframe>

It doesn’t render anything for the video. I use the non-responsive code and the video renders just fine.

<iframe src="" width="576" height="324" frameborder="0" allowfullscreen></iframe>

I either need to figure out why the responsive code isn’t rendering the video or figure out how to make the non-responsive one responsive.

Does anyone have any ideas on a solution?

P.S. I’ve tried a video embed from Wista as well. It’s the same issue… the responsive version will not render the video.


I won’t comment or validate the content of the iframe, as I assume it’s tailored to a specific situation BUT do you mean the result is not visible from the Pinegrow page view? (I don’t think so because I just tested it and there is a display) OR when you’re looking at your document in a browser?

@Emmanuel Thanks for the reply.

I’m using this this code

<iframe src="" style="width:100%;height:100%;position:absolute;left:0;top:0" frameborder="0" allowfullscreen></iframe>

In the modal on this page: (If you click the CTA Button in sticky bar, it’ll open the modal)

There is a space for the video in the modal, but the video doesn’t show up.

Well, I guess you will have to play with the structure of your HTML and CSS and tweak your template and iframe code for the video to display correctly.

By just playing with the inspector and the iframe settings, I got this.

It’s your turn now :slight_smile:

1 Like