Embedded video responsive

Design help Custom code
1

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

2

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?

3

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

4

@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

1 Like
5

it worked! thank you so much!!

6

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