How do I position a YouTube iframe?

Question

I am trying to center the YouTube video but am having trouble. Here is the code.

 <div class="video">
<iframe width="560" height="315" align="middle" padding-bottom=0px left=40px src="https://www.youtube.com/embed/lHv3i9-2a0s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>

You can find the files (html and css) at the repository below. https://github.com/t0091/bootstrap/tree/master/home

Putting `width: 560px; margin: 0 auto;` on the `#video` div does the trick. — ceejayoz, May 09 '19 at 01:00
I tried that if I understand you correctly. Check the bottom of the CSS file. — Tyler Wolf, May 09 '19 at 01:04

score 1 · Answer 1 · answered May 09 '19 at 01:09

You can set iframe as

iframe{
  margin:0 auto;
  display:block;
}

iframe{
  margin:0 auto;
  display:block;
}

<div class="video">
<iframe width="560" height="315"  align="middle" padding-bottom=0px left=40px src="https://www.youtube.com/embed/lHv3i9-2a0s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>

How do I position a YouTube iframe?

1 Answers1