Responsive youtube video

responsive-youtube-video.html

<style>
.video-wrapper 
{
  position: relative;
  padding-bottom: 51.5%;
  padding-top: 25px;
  height: 0;
  border-radius: 4px;
  overflow: hidden;
}
  
.video-wrapper iframe 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  
</style>

<div class="video-wrapper">
  <iframe
    autoplay="true"
    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
    src="https://www.youtube.com/embed/Q0oIoR9mLwc?autoplay=1&controls=1&mute=0&loop=1&playlist=Q0oIoR9mLwc&modestbranding=1"
    frameborder="0"/>
</div>