css - 在 Dreamweaver 中定位视频

标签 css video positioning dreamweaver

我有一个视频,我正试图将其放置在网站的某个部分上。在我的测试服务器上,位置是完美的,但是当我将新文件上传到在线服务器时,视频保持居中并位于网站上所有其他信息的下方。我如何对此进行编码,以便 index1 文件像我的测试服务器一样显示视频。

我的测试服务器上的代码是:

<div class="#main_video" id="main_video">
   <video width="460" height="260" controls>
      <source src="include/promo_2012.ogv" type="video/ogg">
      <source src="include/promo_2012.mp4" type="video/mp4">
   </video>
</div>

我选择了 div 并将其定位在:

Relative<br/>
Top: -414<br/>
Left: -266

如有任何帮助,我们将不胜感激。

-乔希

最佳答案

尝试,

#main_video{
    float:left;
}

这应该把它放在左边。这是一个活生生的例子:http://jsfiddle.net/S6mmD/

顺便说一下,类在 HTML 中的使用方式如下:<div class='red'>在 CSS 中:.red{color:#f00;}

id 在 CSS 中使用井号 # 设置样式如上。

关于css - 在 Dreamweaver 中定位视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22569107/

相关文章:

json - YouTube v3 API : List Channel's Videos -- Unauthenticated?

html - 使用 HTML 和 CSS 嵌入固定动态视频作为背景

jquery - 如何垂直交错这些 HTML 元素?

html - 使用 Chrome/Safari 时定位的 img 不会移动

html - 无法将此文本移至左侧

javascript - 可以使用 jquery 和 css3 创建加载页面还是需要其他东西?

javascript - jQuery - 为什么每个都无法获取隐藏元素的宽度?

css - 删除第一个菜单项分隔符 WordPress

css - 如果 @media all 在 css 中声明,那么 max-device-width 是必需的吗?

css - HTML5 视频缩放