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

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

祝你好运！

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

1 个答案: