Jquery mobile 在全屏视频中保持jquerymobile标题

我正在开发jquerymobile应用程序，在那里我有一些来自youtube的视频。 要播放视频，我使用video.js html5播放器和youtube插件

当播放视频时，我会在标题中显示一些视频描述，效果很好

我遇到的问题是，当在播放器上激活全屏模式时，视频全屏调整和标题消失，这不是我想要的

我想保持标题可见，即使视频是全屏。 我试图使用数据全屏属性，调整标题的z-索引，但没有任何效果-标题在全屏上消失

有没有办法让标题在全屏上始终可见

我在这里创建了一个简单的演示

---

我刚刚看了一下chrome浏览器和VJS，得到了一个z索引：2147483647；所以试着给你的标题一个更高的值，看看它是否有用。还可以尝试为headerHanks设置一个固定位置，我认为问题在于z-index.header的固定位置由jquerymobile负责。数据角色为='header'，数据位置为='fixed'的元素将自动获取类。ui header fixed，其位置为：fixed；左：0；右：0；宽度：100%；z指数：1000。是否通过浏览器将此类z索引重写为高于2147483647默认值的任何值？到2147483647什么类设置全屏视频的z索引？如果我知道我可以将其改写为更小的值。你需要在全屏时右键单击正在使用的浏览器并检查css元素。在铬上。为播放器设置z索引的是：-webkit全屏谢谢，你说得对：-webkit全屏规则，但我无法覆盖：webkit全屏，因为这是用户代理风格。如果我从页面上取下视频，标题仍在下方，不管我是否将其z索引设置为2147483648，似乎在webkit中定义了全屏，除了全屏视频之外，在页面上看不到任何其他内容。

<iframe 
    width="100%" 
    height="300" 
    src="http://jsfiddle.net/machumba/ewbpy5s7/2/embedded/"
    allowfullscreen="allowfullscreen" 
    frameborder="0">
</iframe>