I've got my new photography website designed and am in the process of making it responsive and have a quick question. On my front page I've got a YouTube video embedded and am trying to figure if I can make it responsive. It is 800px wide and 605px high in the HTML. It actually looks good in all sizes except for the 482px (smartphone) size. At that size it is too wide for the screen. I've tried changing the sizes in the HTML, changing the max width in the design panel and neither works. Changing the size in the HTML changes is across the spectrum of sizes making the video too small at the larger sizes.
I've added some screenshots to show what I'm trying to do.

Is it possible to make this responsive and if so how?

Thanks for any help,

Linda

This toot is for RLM, but the code and basic principles are the same.
http://www.coffeecup.com/help/articles/ … out-maker/

So you use this code

Then add this to your custom-style.css

Thanks Eric,

When I copied and pasted the first set of code it would not show the video on preview. So, I changed the code between video-container"> and <div/> to my original code and that showed the video again. Did I do that right? And where do I put the second box of code? If I add it to the first in the html box it stays white and shows up under the video box as text in the preview.

As you can probably tell I know next to nothing about code.

Thanks again,

Linda

In my code you needed to adjust the myyoutubevideocode to match yours since I don't know what yours is.
The second piece of code should be placed in a custom-style.css page and a link to that page be placed in the head of the page with the video.
Here's how can setup your css style sheet link.

Adjust the to your actual domain name.
Create that sheet using a html editor and upload it to your site inside a folder named css-custom.

Thanks Eric,

Sorry I was so slow responding we had a job that took precedence and I'm just getting back. Thank you so much for explaining this in detail. I think I've got it now.

Linda