HTML Code Fluid Video on Web Page

HTML Code to Display Video (either self hosted video or remove video like youtube video) in a Manner that the Video Automatically Resizes (fluid) to Adjust to the Size and Dimension of the Web Page Displaying the Video

Home Short:

The html code below allows you to embed a fluid video player on your website whether the video is a video file hosted on your own web server or a youtube video.

<style>
                  .videoWrapper { margin:15px auto;  padding-bottom:56.25%;  position:relative;  }
    .videoWrapper video, iframe { position:absolute; left:0; top:0; height:99%; width:99%; }
</style>

<div class="videoWrapper">

  <video autoplay controls loop muted>
     <source src="###.mp4" type="video/mp4">
     <source src="##.ogg" type="video/ogg">
     
     
  </video>
</div>

source code home