网站几乎完成在Squarespace:需要帮助中心视频

问题描述:

我是一名本科计算机科学的学生。大约一年前,我开始为一家当地的非营利组织实习志愿者,他们是网站开发实习生。我创建了整个网站并且了解基本的HTML/CSS。网站几乎完成在Squarespace:需要帮助中心视频

但是,我一直在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/

+1

你需要发布你的HTML,CSS和一个链接到网站会很有帮助 – 2015-01-09 20:15:01

+0

你不能将iframe中的视频集中到“INSIDE”视频中,因为iframe中的所有内容都超出了你可以通过样式表控制的内容。理想情况下,iframe只是视频,然后您可以将容器置于页面上。 – Nickfmc 2015-01-09 20:16:14

+0

@ImagineWebDesign HTML就在上面。编辑帖子以显示链接。 – zhughes3 2015-01-09 20:16:39

你只是居中像通常那样一个块元素,margin:auto;

iframe{ 
display:block; 
margin:auto; 
} 

结果: enter image description here 是,HTML5允许直接插入,但它可以使用的视频格式的痛在所有浏览器中都支持,使用YouTube嵌入可能是最简单的方法。

在Squaerspace上制作更加用户友好的视频。我不是将HTML代码添加到网站中,而是将视频上传到Youtube,然后使用Squarespace的内置功能将视频添加到页面。

现在看起来不错。