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

标签 html css video youtube dreamweaver

网页全是html。没有CSS。我不知道CSS。我用了这个tutorial把我在 photoshop 中设计的网站用 Dreamweaver 制作出来。

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

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

我希望视频在这样的页面上site .

最佳答案

根据所提供网站的代码,视频本身在一个 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

顺便说一句:根据视频的尺寸更改背景图像文件位置的背景 url、视频代码(从 youtube 收集)以及 div 的宽度和高度,以便自定义。

祝你好运!

关于html - 如何在 Dreamweaver 中的图像顶部的 html 页面上嵌入 YouTube 视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12269768/

相关文章:

Javascript- 如何使用 javascript 禁用 html 按钮

html - 绝对覆盖 <div> 不覆盖相对定位的元素

css - 预先输入多行列表项

html - 如何嵌入带有自动播放缩略图的YouTube视频

html - 摆脱 html 视频标签的水平溢出

javascript - settimeout 后返回到多步最小形式的第一步

javascript - AngularJS 在 javascript 而不是 html 中应用过滤器

css - 如何首先删除引导移动设备(首先使用桌面)

javascript - 停止页面滚动到顶部 jQuery

cocoa - 如何在 Mac OS X Lion 上使用 AVCaptureSession 从 Bodelin ProScope HR 捕获帧?