Video taking up entire width

This topic is: not resolved

Tagged: , ,

This topic contains 11 replies, has 2 voices, and was last updated by Ernesto Ernesto 5 years, 3 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #5926
    Geoparstor
    geoparstor
    Member
    Post count: 9

    Hey there, pardon another question so soon…

    Whenever I put a youtube video on a page, it takes up the entire width.

    I’ve tried putting it in the youtube video shortcode, I’ve tried new and old YT embed codes with width and height specified. When I put it in a column, it fits to that column, but still fills up the whole column space.

    Any thoughts, and what more can I provide that would be helpful?

    Thanks very much

    #5927
    Geoparstor
    geoparstor
    Member
    Post count: 9
    This reply has been marked as private.
    #5937
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi, unfortunately, I´d need to see it in one of the pages to see where the issue is taking place. One thing you might want to try is adjusting the size of the video with CSS.

    Try to replicate what you did with previous video and send me a link so we can inspect the issue where it takes place. Thanks in advance!

    #5962
    Geoparstor
    geoparstor
    Member
    Post count: 9
    This reply has been marked as private.
    #5975
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi, you´ll need to modify it with CSS. Go to your CSS Custom Section in your Theme Options Panel and enter the following code:

    .fluid-width-video-wrapper {width: 50%;position: relative;padding: 0;}

    #5989
    Geoparstor
    geoparstor
    Member
    Post count: 9

    Looks as if that just cuts the videos down to 50% of the full size, doesn’t actually get them to display the specified size.

    Would just like to be able to have the video show up as 640×320 when it’s specified to do so, rather than go full width.

    Also, any thoughts on the review plug in short code causing the no body content error in the second link?

    Thanks again for your help

    #5998
    Ernesto
    Ernesto
    Member
    Post count: 702

    .fluid-width-video-wrapper {width: 640px; height: 320px; position: relative;padding: 0;}

    For the other page, first of all we´d need to make sure that the plugin is compatible with WP latest version. If not, that could be generating the issue.

    #5999
    Geoparstor
    geoparstor
    Member
    Post count: 9
    This reply has been marked as private.
    #6049
    Geoparstor
    geoparstor
    Member
    Post count: 9
    This reply has been marked as private.
    #6054
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi, I was able to manually align the video using the following CSS code:
    #player .full-frame {padding-left: Xpx}

    This should allow you to modify the videoframe position without any trouble.

    #6078
    Geoparstor
    geoparstor
    Member
    Post count: 9

    Added that to the custom CSS area in the theme, and it deleted all of my theme settings. No logo, no font, no colors – all reset. Guess I’ll have to completely redo it.

    All I’m looking for is the ability to add a video that does not default to full width.

    Can you please tell me why it’s so difficult to get a video to display with the correct dimensions? Did I add any custom CSS that would ruin the ability to size videos correctly? Is this a known theme problem?

    Just looking for answers as this is getting a bit frustrating.

    Thanks for your help on this.

    #6115
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi,

    In this case, the best option, which does not require CSS tweaks, is to wrap your video shortcode with a div that assigns the dimensions to it. For example, you can insert a code like this in the content of your page:

    <div style="height:480px;width:853px;margin:0 auto;">[youtube_video clip_id="kgXlHFxaN8o" hd="true" width=853 height=480]</div>

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

You must be logged in to reply to this topic.