重新定位嵌入在Wordpress页面中的视频

Question

我正在尝试重新定位嵌入在Wordpress页面中的视频。我试图让视频略微重叠在页面顶部的滑块。最终结果如下所示：http://www.munsonboats.com/。

这是MY页面的粗略草稿，顶部有滑块，还有一个我无法预测的视频：http://harddrivemarine.com/DRAFT/?page_id=395。

以下是我在嵌入视频中使用的div标记：<div id="video-wrap"><iframe src="https://player.vimeo.com/video/140874518?byline=0" width="440" height="260" frameborder="0" allowfullscreen="allowfullscreen" data-mce-fragment="1"></iframe></div>.

需要什么样的CSS才能重新定位此视频，使其位于右侧，并将滑块重叠约半英寸？

希望这是有道理的！谢谢！

Answer 1

这是希望帮助的CSS。

#video-wrap{
  position: absolute;
  top: -170px;
  z-index: 999;
  right: 0;
}
h1{
  font-size:28px;
}

放入该css后，您的页面将如下所示