HTML5视频：全屏字幕

Question

是否可以在全屏模式下在HTML5视频控件上显示字幕？

我可以在窗口模式下显示它们（例如在FF 11.0上），稍微修改一下cuepoint.js版本以显示“实时”字幕：

Cuepoint.prototype.addLiveSlide = function(html) {
    var self;
    this.html = html;
    self = this;
    return this.video.addEventListener("timeupdate", function() {
        return self.update(html);
    },
    false);
};

但是，当用户全屏显示时，字幕不显示...当返回窗口模式时，它们会再次显示。

这种行为是设计错误还是错过了什么？

Answer 1

你可以做一些涉及视频和画布的魔术吗？ http://html5doctor.com/video-canvas-magic/

Answer 2

我建议尝试支持全屏的playr（显然 - 我实际上并没有亲自测试过这部分内容）。

Answer 3

firefox的原生全屏模式（使用fullscreen-api）隐藏了除了z-index之外全部请求全屏的元素。 但解决方案很简单：在视频和其他内容（如字幕）周围包装一个容器-div，并为该容器请求全屏。

在任何时候都尊重z-index-values的chrome中不会出现问题

Answer 4

在Chrome中开箱即用

• http://fguillen.github.com/ChromeVideoSubsStyle/