Change video frame size?

  • Author
    Posts
  • #55602

    dcgott
    Member
    Original poster

    Hi,

    Great theme! Is it possible to change the size of the vimeo video frame? Or even better would be if the vimeo video frame scales to a smaller size when a browser window is shrunk.

    The top and bottom of videos get cut off on smaller screens, especially when the browser is minimized. Thanks. http://www.wowmeproductions.com

    The blog I need help with is: wowmeproductions.com

    #55777

    dcgott
    Member
    Original poster

    Hey, actually realized that the frame does change size when you change browser size. But is there a way to reduce frame size?

    #55788

    maharzan
    Theme Author

    Hi dcgott,

    The video seems to be resizing pretty nicely for me. It maintains the aspect ratio as well. Which browser are you using?

    Thanks,
    Chandra

    #56035

    dcgott
    Member
    Original poster

    Hi,

    I’m trying to get the videos posted to be 800 px wide. In the custom menu I’ve changed the value but it does not reflect in the website.

    Any help would be appreciated. So you know, I would ideally want the videos to take up only 800 px with some buffer on the sides. Thanks

    #56036

    maharzan
    Theme Author

    Can you try this css?

    .fluid-width-video-wrapper { max-width: 800px; margin: 0 auto; }

    Thanks,
    Chandra

    #56037

    dcgott
    Member
    Original poster

    Thanks. It appears that the vimeo player is still 1280px wide but that the actual video is shrunk to 800px within the player. This leaves a big black box around the video.

    Is there a way for there just to be the vimeo player set to 800px? I ideally would like to get rid of the extra black surrounding the video.

    Thanks.

    #56038

    maharzan
    Theme Author

    Perhaps this will help remove the black background

    .video-container { background: #fff; }

    Thanks,
    Chandra

    #56039

    maharzan
    Theme Author

    and if you want to get rid of the border line, you can add this

    article { border: none; }

    #56040

    dcgott
    Member
    Original poster

    Great thanks, that all worked.

    One more question and I think we’ll be good. There are still black bars at the top and bottom (because the videos are 16×9 but the post is a square box).

    Is there any way to get rid of the black borders at the top and bottom.

    Thanks a lot.

    #56041

    dcgott
    Member
    Original poster

    If you notice on my page… the last post on the bottom (Sir Lancelot’s Armor Video) is different from the rest.

    Do you know why the last video is different. I would prefer all the videos to be like the last one if possible.

    #56042

    dcgott
    Member
    Original poster

    Chandra I resolved the problem… it is a vimeo upload setting.

    Thanks so much!

    #56043

    maharzan
    Theme Author

    Can you try this css and see if that works?

    .fluid-width-video-wrapper { max-width: 80%; padding-top: 45% !important; }

The topic ‘Change video frame size?’ is closed to new replies.