javascript - bigvideo.js - 在 bigvideo 容器之上和之下堆叠 DIV

Question

所以我开始研究 bigvideo.js (它建立在 video.js 之上)并且它适用于在整个屏幕上具有固定背景视频的基本用法。我还设法在一个 div 中显示它。

但我的问题是，我似乎无法将其他 DIV 与其他内容堆叠在 bigvideo.js 容器 div 之上或之下，而且我似乎无法弄清楚如何解决这个问题。

我的 HTML:

<div style="float: left; width: 100%; height: 300px;">
<h1>hi there</h1>
</div>

<div style="float: left; width: 100%; height: 500px;" id="intro-video-container">
</div>

JS 启动 bigvideo:

$(function() {

    var BV = new $.BigVideo({container: $('#intro-video-container'),useFlashForFirefox:false});
    BV.init();
    BV.show('intro.mp4',{ambient:true});
});

所以视频容器 div 总是卡在 body 的左上角，无论我是试图用 margin-top 强制它向下，还是在它前面放置 div，等等。

有什么想法吗？

Answer 1

更新，这是我要实现的目标的说明: