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

Question

网页全是html。没有CSS。我不知道css。我使用本教程将我在 Photoshop 中设计的网站用 Dreamweaver 制作。

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

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

我希望视频出现在这个网站这样的页面上。

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 上测试它：点击这里

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

祝你好运！