Forums

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
    Posts
  • April 19, 2017 at 5:53 am #253113
    bobrock4
    Participant

    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 #254010
    Beverleyh
    Participant

    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.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.