1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Responsive Width / Height Media Embeds

Instructions to make embedded media more responsive.

  1. Chris D
    Compatible XF Versions:
    • 1.0
    • 1.1
    • 1.2
    • 1.3
    This resource is not affiliated with XenForo Ltd.

    Media embeds are typically a fixed width when embedded into posts:

    upload_2014-2-2_3-59-4.png

    This guide will show you how to make these videos much more responsive (in width and height) with the end result looking like this at full width:

    upload_2014-2-2_3-58-24.png

    Or at smaller...
    You do not have permission to view the full content of this resource.

Recent Reviews

  1. Fiala06
    Fiala06
    5/5,
    Thanks a ton!

    I need to keep wiring to meet the 150 characters. Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! Thank you!
  2. DragonFlames
    DragonFlames
    5/5,
    I noticed a video was making a mess of my front page when viewed on an iPad, and this solved that in no time. I also like the way it looks on a normal PC screen.

    I don't like that this review is forcing me to keep typing to get to 250 characters, there is only so much I wanted to say! Thanks for putting this resource up.
  3. kimchicrew
    kimchicrew
    5/5,
    Thanks! Just what I need
  4. Bram
    Bram
    5/5,
    Excellent mod, our mobile users will love this! Thx a billion Chris D
  5. caliman
    caliman
    5/5,
    This not only looks great, it fixes video display on mobile too.
  6. RO.
    RO.
    5/5,
    Good stuff.
  7. Sunka
    Sunka
    5/5,
    Working good. Thanks
  8. TheSalt
    TheSalt
    5/5,
    Works Perfect!
  9. Mishal
    Mishal
    5/5,
    Awesome I live it.
  10. AndreaMarucci
    AndreaMarucci
    5/5,
    Very very useful!