How to embed responsive video player without jquery

How to embed responsive video player in your webpage with html and css no jquery needed to add there. This tutorial is shared by one of my facebook friend Mahmud Hasan Sorol and i'm sharing this tutorial for all of my reader who wanna add responsive video player on their website or blog.

You need to add html and css that's very easy and no need jquery so let's start:

How to embed responsive video player on a website

Add the bellow css code in your theme before close head tag

<style>.video-container {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;max-height: 100%;}</style>

Now add the html code where you want to show the video

<div><div class = "video-container"><iframe>video link here</iframe></div></div>

 add a video link among the iframe tag and save it now see you have successfully done it.