Video displays funny on mobile

[curtissdc]

I saw that someone else on the forum had similar issue but their fix didn’t work. Embedded YouTube videos do not show correctly on mobile (you see only the left upper corner. For example on this page http://www.dyslexicandunstoppable.com/five-steps-to-help-your-struggling-reader-now/

[curtissdc]

I think I actually figured it out. Found a resource online that suggested changing the embedded HTML code to <div class=”video-container”><iframe…….></iframe></div>. Then it said to add the following to the CSS:
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

Seems to have worked without “breaking the theme”

[David Martin – Support]

Let us know if you have any issues. If you do, remove the code and we will look into your setup and how you are adding the video.

– David.