Embedded video responsive

Hi,

I’ve been trying to get get videos to be responsive but haven’t had any luck.
I’ve already tried this but it doesn’t seem to work for me :frowning:

No matter what I do, the video just doesn’t seem to change sizes. I want it them side by side that seems to be the difference between mine and other examples, Any help would be great!

Thanks


Here is my site Read-Only: Webflow - Jing Huang

Hey @Jing_Huang

I can’t seem to find the video on your page. Can you explain a bit more about where it is so we can inspect?

Hi sorry I had to publish a version without it and forget to revert back

https://preview.webflow.com/preview/jing-huang?utm_medium=preview_link&utm_source=designer&utm_content=jing-huang&preview=b0fd464f497310fd0dc3492eec7d8e93&pageId=61f89b9cb37ab71bc36598bf

I had to turn on preview mode to see the videos. they are right above the Prototype and test section about 3/4 of the way down the page.

Thanks

@Jing_Huang Try adding same class to all three embeds and set some style like width: 33%

Also for the div that wraps all three embeds give it width of 100%

Finally go into each embed and change in first line of code style to be style=“width:100%; height:100%;” Rather than using min-width and min-height. After that they should start growing/shrinking based on the parent

Let me know if it worked for you or if you need any other assistance

it worked! thank you so much!!

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.