How to make youtube, vimeo and dailymotion video player as responsive with CSS and twitter bootstrap

Now a days responsive design is most important across the web and it quite compatible for medium screen devices. Each website may have videos or may not for demonstrate it features. So that today we will go to make youtube , vimeo and dailymotion embedded videos as responsive by using only css.

For this tutorial i have used

  • Twitter bootstrap 3
  • Custom CSS

For responsive, we have followed one video wrapper and it has 100% of width and height. Here is that css

HTML video Embed code

That’s it. Dont forgot to share it..

Thank you…

Demo and Download

  • find a great local phoenix car accident attorney

    Greetings from Los angeles! I’m bored to tears at work so I decided to check out
    your website on my iphone during lunch break.
    I enjoy the knowledge you provide here and can’t wait to take a look when I get home.
    I’m shocked at how fast your blog loaded on my phone ..
    I’m not even using WIFI, just 3G .. Anyhow, superb blog!

  • teds woodwork

    Nice post. I learn something new and challenging on blogs I stumbleupon everyday.
    It will always be interesting to read content
    from other writers and use a little something from other sites.

  • Max

    Your website is full of useful information

  • Clare

    For simple solutions: