Responsive Youtube Video - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Responsive Youtube Video

DR

doug raught

SP Page Builder 2 years ago

I have found site showing how to use html & css code to responsively display video. I tried it on my website and it worked, but it caused a few other problems, so I removed it and created a unique page to test the responsive code. https://raughts.com/imm/index.php/responsive-video

On that page I have commented on the 2 problems (which visually show what is wrong)

  1. The background colors and/or images do not function (except for the top row which contains the responsive video. Beyond that, all other rows cannot have background colors or images.
  2. When I add text to the right of the video, that text automatically drops down below the video. So once video is placed, nothing else can be added on that same plane/level on the row. Even if I set up multiple columns, it doesn't make a difference.

I am not a coder so I have no idea what is happening. The code has both html (which I use the RAW HTML addon) and then I placed the CSS into that pages Custom CSS field.

Follow the "Home" link to get a better feel for what the website should really look like. The link above is my test page.

Any help would be appreciated. Thanks!

0
2 Answers
DR
doug raught
Accepted Answer
2 years ago #125538

No one has replied, but after a little more searching I found a website that creates embed codes without CSS. It is customizable to whatever you need and it doesn't break the page. All addons work as well as backgrounds. https://embedresponsively.com/

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #125617

Hi

Sorry for the delay, Glad to know that you have found the solution. You can now close this post by accepting the answer.

-Regards.

0