Наложение DIV на Samsung Smart TV Infolink Player

Я знаю об этой теме: Как наложить другой div на видео?

Но это не дает четкого ответа, как отображать DIV на видеоплеере.

Я использую плеер Samsung Infolink:

<object id="pluginPlayer" border=0  classid="clsid:SAMSUNG-INFOLINK-PLAYER"></object>

Работает нормально, проигрывает мои стримы без проблем.

Я хочу наложить div на полноэкранное видео, но как бы я ни пробовал это с z-index, он не будет отображаться, видеоплеер всегда перед ним...

ДЕЛ:

    <div id="osd">Test Test SHOW ME!</div>

РАЗДЕЛ CSS:

#osd{
height: 75px;
width: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0;
left: 0;
border-color: grey;
border-style: groove;
display: none;
}

Функция Javascript, где я устанавливаю видео в полноэкранный режим:

Player.setFullscreen = function()
{
    this.plugin.SetDisplayArea(0, 0, 960, 540);
    document.getElementById('osd').style.display = "block";
    document.getElementById('osd').style.zIndex = '99';
}

Кто-нибудь может посоветовать, как наложить html div на видео?


person user2033139    schedule 01.02.2016    source источник
comment
Привет, это немного странно. Плеер должен быть каждый раз на самом дальнем слое... Можете ли вы поделиться дополнительным кодом, пожалуйста?   -  person alfredo86    schedule 03.02.2016