z-index在android中没有处理视频

Question

我在HTML5视频上遇到一些问题，因为我在移动设备上创建了一个不适用的应用页面。我希望在播放视频时在视频上加上一些文字，但似乎z-index不支持视频。这个问题困扰了我很长时间，我搜索了google，stackoverflow和css-tricks，没有找到正确的答案。

<div id="main_container">
    <div id="danmu">小苹果小苹果小苹果</div>
    <video id="video" controls="controls">
        <source src="mov_bbb.mp4" type="video/mp4" />             
         Your browser does not support the video tag.
    </video>
</div>
#video{width:100%;position: relative;}      
#danmu{position: absolute;width: 100%;left:0;top:0;color:red;z-index:10;}
#main_container { float: left; position: fixed; left:0; top:0;width:100%;}