網站幾乎完成在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上的單個頁面。

2015-01-09 zhughes3

你需要發佈你的HTML，CSS和一個鏈接到網站會很有幫助 – 2015-01-09 20:15:01

你不能將iframe中的視頻集中到「INSIDE」視頻中，因爲iframe中的所有內容都超出了你可以通過樣式表控制的內容。理想情況下，iframe只是視頻，然後您可以將容器置於頁面上。 – Nickfmc 2015-01-09 20:16:14

@ImagineWebDesign HTML就在上面。編輯帖子以顯示鏈接。 – zhughes3 2015-01-09 20:16:39

你只是居中像通常那樣一個塊元素，margin:auto;：

iframe{ 
display:block; 
margin:auto; 
}

結果： enter image description here 是，HTML5允許直接插入，但它可以使用的視頻格式的痛在所有瀏覽器中都支持，使用YouTube嵌入可能是最簡單的方法。

2015-01-09 20:21:14

在Squaerspace上製作更加用戶友好的視頻。我不是將HTML代碼添加到網站中，而是將視頻上傳到Youtube，然後使用Squarespace的內置功能將視頻添加到頁面。

現在看起來不錯。

2015-01-09 20:22:17 zhughes3

回答