Как наложить еще один div на видео?

В настоящее время я разрабатываю приложение для смартфонов samsung с использованием sdk 3.5.2 (по мере необходимости)

Я использую плагин SEF и setDisplayArea(), я могу отображать полноэкранное видео.

Но теперь я сталкиваюсь с проблемой, что я бы хотел наложить 2 divs, заголовок и нижний колонтитул, поверх видео, но я не мог сделать это правильно.

То, что я пробовал и получил, описывается следующим образом:

В моем html я включил плагин и получил объект z-index и позицию игрока

<object id="pluginPlayer" border=0 classid="clsid:SAMSUNG-INFOLINK-PLAYER" 
    style="position:absolute;z-index:10;left:0px;top:0px;width:1280px;height:720px;"></object>
<object id="pluginAudio" border=0 classid="clsid:SAMSUNG-INFOLINK-AUDIO"></object>
<object id="pluginTVMW" border=0 classid="clsid:SAMSUNG-INFOLINK-TVMW"></object>

В моем css я установил z-индекс заголовка div

#SplashHeader{
    position: absolute;
    top:0px;
    left:0px;
    height:40px;
    width: 1280px;
    background: grey;
    z-index: 100;
}

В моем Js я назвал setdisplayarea()

this.plugin.SetDisplayArea(0, 0, 960, 540);

(Чтобы отвлечься, вот еще один вопрос, который я не совсем понимаю, поскольку API утверждает, что параметр width и height этой функции не должен превышать 960 * 540, но в настоящее время я разрабатываю машину 1280 * 720... так что я не знаю правильно ли установить его 960 * 540)

И я получил заголовок, показанный успешно, однако само видео автоматически масштабируется и отображается ниже заголовка, что не совсем соответствует моему ожиданию. (Я ожидаю, что видео по-прежнему будет отображаться в полноэкранном режиме с надписью заголовка поверх него, но не будет делать автоматическое масштабирование видео и уменьшаться вертикально..)

Кто-нибудь может дать мне совет? Благодарю!