如何在Dreamweaver中的圖像頂部的html頁面上嵌入YouTube視頻？

Question

該網頁全部爲html。沒有css。我不知道css。我用這tutorial把我的網站設計在Photoshop中，並使用Dreamweaver。

我只想簡單地將Youtube視頻嵌入頁面上的特定位置。但是嵌入視頻的唯一方法是壓下其中一個圖像並將視頻放在旁邊。我希望將視頻嵌入到頁面佈局頂部，就好像它在後面的圖像前面那樣浮動。

如你所知，我不知道我在做什麼。

我希望視頻像這樣在site這樣的頁面上。

Answer 1

根據提供的網站的代碼，視頻本身在div內運行。如果你不希望使用CSS只是直接定義的樣式的DIV這將是視頻容器如下屬性：

<div style="background: url(http://www.dollarshaveclub.com/skin/frontend/dsc-test/dsc-theme/images/video_placeholder.png) no-repeat; padding: 18px; width: 600px; height: 300px;"> 
    <iframe width="537" height="301" src="http://www.youtube.com/embed/ZUG9qYTJMsI?rel=0&autohide=1&autoplay=0" frameborder="0" allowfullscreen></iframe> 
</div> 

測試它的jsfiddle：Clic here

BTW ：更改背景圖片文件位置的背景網址，視頻的代碼（從YouTube上收集它）以及div的寬度和高度，以相應於視頻的尺寸進行自定義。

祝你好運！