html - 如何定位 YouTube iframe？

标签 html css iframe github-pages youtube-iframe-api

<分区>

我试图将 YouTube 视频居中，但遇到了问题。这是代码。

 <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>

您可以在下面的存储库中找到文件(html 和 css)。 https://github.com/t0091/bootstrap/tree/master/home

最佳答案

您可以将 iframe 设置为

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>

关于html - 如何定位 YouTube iframe？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56050791/

上一篇：css - 元素没有被放置在网格中

下一篇：html - 如何为所有 HTML 页面使用我的 CSS 中的通用 header ？

html - css div 文本重叠问题

javascript - 在 IE 中使用 jquery 显示 gif

html - 对齐 div 中的列，使其看起来像带有左填充的 HTML 表格

php - 通过 post [文件上传] 将表单数据提交到 iframe

javascript - 如何将具有特定类的div的内容添加到其他页面？

java - 用于 Java 的 Creole 1.0 到 HTML5 渲染器

javascript - 为什么这些内联 block div 不适合它们的容器？

html - 为什么有些 CSS 规则只在 Chrome 中有效？

javascript - 使用javascript获取首页(masterpage)