Forums

  • # April 19, 2017 at 5:53 am

    I have inserted a YouTube video in page.

    There I embedded the video using the code you can find here

    Video has been embedded as YouTube requires. The CSS code I have found on the Web. This code is good to have a Web responsive video. It is fluid

    The trouble is when i change dimension of the video.

    I would have liked to reduce it to 374x210px as you can see in its page using this code in which I have inserted a max-width and a max-height.

    This is not enough. The cointainer remains bigger and higher as you can see here

    # April 19, 2017 at 9:11 am

    Looks like you forgot the .rwd-video wrapper div that goes outside of the iframe. Additionally, I think you’ll need another wrapper div to restrict the width http://codepen.io/anon/pen/rmxGZx
    It isn’t possible to restrict the height in the same way owing to the % padding-bottom method that is giving the video fluid/responsive height, without actually defining height.

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag