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

【问题标题】：How do you embed a youtube video on an html page on top of an image in Dreamweaver?如何在 Dreamweaver 中的图像顶部的 html 页面上嵌入 youtube 视频？
【发布时间】：2012-08-29 11:37:05
【问题描述】：

网页全是html。没有CSS。我不知道css。我用这个tutorial 将我用photoshop 设计的网站用Dreamweaver 制作。

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

如你所知，我不知道自己在做什么。

我希望视频出现在这样的页面上site。

【问题讨论】：

你能发布一些html和css

标签： html css video youtube dreamweaver

【解决方案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 的宽度和高度，以便自定义。

祝你好运！

【讨论】：

感谢您的帮助。我很感激。