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)
- 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.
- 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!