Gmail / Facebook Style Chat Application
Details Live Demo Download

Posted: Saturday 31st of October 2015

Responsive Animated, YouTube and Vimeo video with CSS

This tutorial teaches you how to style any video such as YouTube, Vimeo or Animated video to make it responsive to screen on any device using CSS.

With the huge number of people accessing the internet every day with various devices such as mobile or the computer, it is very important that you give them the best user experience when they visit your website by making your design which may also include videos responsive to screen. By doing this, the people will be able to access your website with ease on any device and at any time.

This system simply wraps an iframe, embed, or video tags with a div which has an id="video_displayer" for demo purpose. You can change things with ease to what you prefer after downloading the script.

It is a very simple to understand CSS based video displayer system which any one with the basic knowledge of CSS can implement.

To demo the system, simply click on the Live Demo button below which will take you to the demo page, at the Demo page, select a desired video from the drop-down box and then resize your browser, view this page on your mobile device, or change your device orientation (landscape, portrait). You'll see that the video resizes proportionally.

You may Download the system below if you like what you have seen.

That's it guys...



Announcement x
Dear Users and Clients,

This is to inform you that we have recently updated our website generally.

If you experience any problem viewing any part of this website or if you notice that any of our scripts or tutorials are not functioning properly as should be, please click on the Contact Link at the top of this page to report the issue to us.

Our priority is to give you the best of service!

Thank You,
The Vasplus Team