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.
