The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS YouTube embedded video responsive

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #253113

    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


    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
    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)
  • The forum ‘CSS’ is closed to new topics and replies.