如何在Dreamweaver中的图像顶部的html页面上嵌入YouTube视频？

Question

网页都是html。没有css。我不知道css。我使用这个tutorial来我的网站设计在photoshop中，并使用Dreamweaver。

我只想简单地在页面上的特定位置嵌入Youtube视频。但是，嵌入视频的唯一方法是按下其中一个图像并将视频放在旁边。我希望将视频嵌入到页面布局的顶部，就像它漂浮在它后面的图像前面一样。

你可以说，我不知道我在做什么。

我希望视频像这个site一样在页面上。

Answer 1

根据提供的网站的代码，视频本身在div内运行。如果你不想使用css，只需直接在div的样式上定义属性，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

顺便说一句：更改背景图片文件位置的背景网址，视频代码（从youtube收集）以及div的宽度和高度，以便根据视频的尺寸进行自定义。

祝好运！