我在jquerymobile应用程序上工作，在那里我有一些来自youtube的视频。 要播放视频我正在使用带有youtube插件的video.js html5播放器。
播放视频时，我在标题中显示了一些视频说明，效果很好。
我遇到的问题是在播放器上激活全屏模式时，全屏视频调整大小并且标题消失，这不是我想要的。
即使视频全屏显示，我也希望标题可见。 我尝试使用数据全屏属性，调整标题的z-index但没有任何作用 - 标题在全屏幕上消失。
有没有办法让标题始终在全屏显示？
我在这里创建了简单的演示http://jsfiddle.net/machumba/ewbpy5s7/2/
<iframe
width="100%"
height="300"
src="http://jsfiddle.net/machumba/ewbpy5s7/2/embedded/"
allowfullscreen="allowfullscreen"
frameborder="0">
</iframe>