Breaking News: Grepper is joining You.com. Read the official announcement!

how to make a video responsive in html

YOU.com answered on September 12, 2023 Popularity 8/10 Helpfulness 7/10

answer how to make a video responsive in html

how to make a video responsive in html

Comment

<style>
  .video-container {
    position: relative;
    padding-bottom: 56.25%; /* Set the aspect ratio of the video (e.g. 16:9) */
    height: 0;
    overflow: hidden;
  }

  .video-container iframe, .video-container embed, .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/your-video-id" frameborder="0" allowfullscreen></iframe>
</div>

Popularity 8/10 Helpfulness 7/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how to make a video responsive in html

Contents

More Related Answers

how to make a video responsive in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.