在全屏YouTube iframe上显示文本

Question

您如何在全屏YouTube iframe上显示文字？在新的稳定的Chrome浏览器和其他流行的浏览器中设置z-index to the maximum no longer works。

jsfiddle of what I'm trying to accomplish

<div id="player"></div>
<div id="overlay">Test</div>

#overlay {
    position:absolute;
    left:0;
    width:100%;
    height:12%;
    opacity:1;
    /*background:rgba(255,255,255,0.8); or just this*/
    z-index: 2147483647;
    color:#fff;
    bottom:0px;
    text-align:center;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size:300%;
}

非常感谢您；我正在学习CSS / HTML，但无法弄清楚！