1

フルスクリーン モードで HTML5 ビデオ コントロールに字幕を表示することは可能ですか?

「ライブ」字幕を表示するためにcuepoint.jsのわずかに変更されたバージョンを使用して、ウィンドウ モードで (たとえば FF 11.0 で) それらを表示できます。

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

Firefox のネイティブ フルスクリーン モード (fullscreen-api を使用) は、z-index に関係なく、フルスクリーンを要求した要素以外のすべてを非表示にします。ただし、解決策は非常に簡単です。ビデオとその他のコンテンツ (字幕など) をコンテナー div で囲み、代わりにそのコンテナーのフルスクリーンを要求します。

いつでも z-index-values を尊重するクロムでは問題は発生しません

于 2012-04-05T08:33:47.347 に答える
1

Video と Canvas を使った魔法をかけてくれませんか? http://html5doctor.com/video-canvas-magic/

于 2012-04-04T09:30:23.703 に答える
1

フルスクリーンをサポートするプレーヤーを試すことをお勧めします（どうやら-私は実際にその部分を自分でテストしていません）。

于 2012-04-04T09:33:23.047 に答える
0

Chrome ではそのまま使用できます

于 2013-02-08T22:52:42.267 に答える