1

是否可以在全屏模式下在 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);
};

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

这种行为是设计使然、错误还是我错过了什么？

4

4 回答 4

1

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

于 2012-04-04T09:30:23.703 回答
1

我建议尝试支持全屏的播放器（显然 - 我自己还没有实际测试过它的那一部分）。

于 2012-04-04T09:33:23.047 回答
1

firefox 的本机全屏模式（使用 fullscreen-api）隐藏除了您请求全屏的元素之外的所有内容，无论 z-index 是什么。不过，解决方案非常简单：在视频和其他内容（例如字幕）周围包裹一个 container-div，然后为该容器请求全屏。

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

于 2012-04-05T08:33:47.347 回答
0

在 Chrome 中开箱即用

于 2013-02-08T22:52:42.267 回答