css - Squarespace 上的网站即将完成 : Need Help Centering Video

Question

我是一名计算机科学专业的本科生。大约一年前，我作为他们的 Web 开发实习生开始了本地一家非营利组织的志愿者实习。我创建了整个网站并了解基本的 HTML/CSS。

但是，我一直无法在 iFrame 中将视频居中。有人可以提供有关如何将以下代码居中的任何指导吗？我使用 w3schools 上的所有内容尝试了多种策略。我一直无法让它工作。好像HTML5现在支持直接插入视频了？使用它而不是 iFrame 会更好吗？这是原始代码。

<iframe src="https://docs.google.com/file/d/0BzsZKVriXxNbXdjUjhYRVVHV1k/preview" width="640" height="480">
</iframe>

如果需要，我还可以向您展示一张图片，说明它如何使用上述代码在浏览器中显示。

哦，还有，我刚刚将视频发布到 YouTube 上，希望能够更好地将它“嵌入”到 Squarespace 上的单个页面中。

编辑:这是页面的链接。 http://www.federationnc.org/publications-1/

Answer 1

你只需像通常将 block 元素一样居中，使用 margin:auto;:

iframe{
display:block;
margin:auto;
}

结果: 是的，HTML5 允许直接插入，但使用所有浏览器都支持的视频格式可能会很痛苦，使用 YouTube 嵌入可能是最简单的方法。