How can I effectively add a responsive video to a specific webpage?

Technical Q&A
1

Hi please I want to add responsive video to specific page on my website I used the below code but for some reason it didn’t work any suggestions:

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

the page I want the video in is : https://www.plantartrepeat.com/pages/plant-a-tree-project

website: https://www.plantartrepeat.com/

theme: Shella 5.0.2

Pass: Firas123

Thanks

2

I don’t see a div with a class embed-container wrapping the iframe on your page

3

Can you please explain more?