Я знаю об этой теме: Как наложить другой 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 на видео?