Problems with youtube videos

Any suggestions please, I really appreciate any help.

That’s because the height is set to 100% in your style sheet. Look for iframe in your style sheet and remove the height: 100%.

Best way would be to put this in your blogpost:

<div class="videoWrapper">
    <!-- Copy & Pasted from YouTube -->
    <iframe width="560" height="349" src="blablablanameofmovie" frameborder="0" allowfullscreen></iframe>
</div>

And the following in your stylesheet (at the bottom):

.videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}

.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;

}

Wow, thank you very much for help!

As I understand, I can create a “div class” in blogpost and set it up in my stylesheet?

Yess, when you are working in the text-editor, not when in WYSIWYG-editor on the top right where you type your blogpost.

Got it, thank you again ??

Thank you so much! It’s a pity to have to create a div class but this is a really easy and elegant solution ?? I haven’t yet dug around for the style sheet but adding it in the css editor on my dash worked just as above ??

Now to go back through my blog to find all my embedded video..

Again thanks heaps.