youtube embed

[cesare84]

hi,

I’ve just pasted the url of a youtube video in the content editor of a post in order to use wordpress’ oembed functionality, the result is weird. The proportion of the box is wrong and, once the video starts playing, two black rectangles on the top and the bottom fill the dimension gap.
It seems to be just a youtube issue because it works fine using a vimeo url

 

 

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.article-content p iframe { max-height: 440px !important; }

Let me know

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[cesare84]

Hi Radu,

thanks for the solution you’ve suggested. It does work but, in this way, I should set different heights according to different devices’ width to make this solution responsive too.

Why is this issue happening? Is it a bug of the theme? Am I the only person who has this problem with youtube embed?

[Radu]

This issue is happening because the iframe has width and height specified.

You can make this available only for tablets and desktops by using this

COPY CODE

@media (min-width:750px) {
.article-content iframe { max-height: 440px !important; }
}

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[cesare84]

thanks again

[Author]

Posts