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

时间:2015-01-09 20:12:57

标签: html css html5

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

但是,我一直无法将视频集中在iFrame中。有人可以提供有关如何集中以下代码的任何指导吗?我在w3schools上尝试了一些使用一切的策略。我还没有能够让它发挥作用。 HTML5现在似乎支持直接视频插入?使用它而不是iFrame会更好吗?这是原始代码。

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

如果需要,我还可以通过上面的代码向您展示它在浏览器中的显示方式。

哦,而且,我刚刚在YouTube上发布了该视频,希望能够更好地发布&#34; emb&#34;它进入Squarespace的单个页面。

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

2 个答案:

答案 0 :(得分:1)

您只需使用margin:auto;

,就像通常使用块元素一样居中
iframe{
display:block;
margin:auto;
}

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

答案 1 :(得分:0)

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

现在看起来很棒。