Hi, I ran into another problem, this one isn't so severe because the movies and pictures can still be viewed, it's just harder for smartphone and tablets users to view. Recently I made an update for this webstie to make it so it has three different layouts that each can be viewed on different devices like desktops, smart phones, and tablets. Everything turned out great, especially thanks to the help of the people on this discussion board who helped me out with problems in the coding that I was having here and there. The problem here is that there are some pictures and movies on the site that do not adjust to the size of the tablet and smartphone media queries, making it so that people have to use the scroll bar to view the entire thing.
That above is the website, if you view it on smartphone and tablet there is a youtube movie posted up on the first front page, that is the problem I am facing at this point. Is there any way to get these movies and pictures to size in with the container of the phone and tablet media queries like everything else on the page?
Any and all help is greatly appreciated!
Height and width values (px) in your HTML make it impossible for your video to resize. You could try removing these values from your YouTube iframe but I don't know if this will work in all devices.
|<iframe src="http://www.youtube.com/embed/3CTp_z4EZfI" allowfullscreen="" frameborder="0"></iframe>|
Thank you very much for your help, I was able to get rid of those and add three separate id sections in all three CSS files, making the phone query display specifically the movie file on the front page for only the phone design and ect. ect.
The removal of the size values was a giant step in the right direction towards this.
Europe, Middle East and Africa