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 回答