网页全是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/