This topic has 4 replies, 2 voices, and was last updated 8 years by cesare84.

  • Author
  • #92058
     cesare84
    Participant

    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.
    #92120
     Radu
    Moderator

    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
    #92130
     cesare84
    Participant

    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?

    #92151
     Radu
    Moderator

    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
    #92264
     cesare84
    Participant

    thanks again

Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?