Перекрыть Youtube DIV`ом
 

Поставлена задача на видео сайта Youtube.com наложить текст с помощью контекст скрипта. При включении див перекрывается (насколько я понял) плеером и текст исчезает. Вот как я пробовал:

var text1 = document.createElement('div');
text1.className = 'text1-Area';
text1.setAttribute ("position", "absolute");
text1.style.zIndex = "99";//
text1.setAttribute("data-layer" , "111");
text1.style.height = "50%";//
text1.style.width = "100%";//
text1.style.top = "0px";
text1.style.bottom = "0px";//
text1.style.right = "0px";
var text1Parent = document.querySelector(".html5-video-player");// родительский элемент UL
text1.innerHTML = 'ТЕКСТ';
text1Parent.appendChild(text1);// вставка

Некоторые параметры может излишни, но я перепробовал многие комбинации. Ничего не помогает.

И еще не понятно что за параметр data-layer?

Буду благодарен за помощь!

Всем спасибо - сам разобрался.