6

webvtt ファイルを読み込んでいます。正常に動作しますが、IE11 にはキューがありません。

            WEBVTT FILE

            00:00:01.000 --> 00:00:04.000
            Let's take a look at the 4th platform preview of IE10

            00:00:04.000 --> 00:00:06.000
            running on the Windows 8 Developer Preview

コード内:

            var trackNode = jQuery("<track default>");
            // videoNode is just a <video> with <source> child
            videoNode.append(trackNode);
            trackNode.attr({
                label: "Captions",
                kind: "metadata",
                src: "localhost:1234/example&output=vtt"
            });
            trackNode.on("load", function() { // I have also tried using "loadedmetadata" instead of load, but nothing changed
                console.log(this.track.cues.length);
            });

Chrome では 2 つのキューがあることがわかりますが、IE11 では 0 と表示されます

すべてがロードされた後でも、これをコンソールに入れます：

            jQuery("track").track.cues.length

私はまだIEで0を取得し、Chromeで2を取得します

何か不足していますか？

更新 1:

少しリファクタリングを行った後、コンソールに次のエラーが表示されました: MEDIA12604: テキスト トラック: 不明な MIME タイプ。hr=8007000b.

そして、この投稿を見つけました: WinJS ビデオ要素の HTTP 字幕

これはサーバーの問題かもしれないと思います。

更新 2:

MEDIA12604: テキスト トラック: MIME タイプが不明です。hr=8007000b. ソートされていますが、トラック キューがまだ IE にロードされていません。

4

3 に答える 3

8

IE11 では、サーバーで WebVTT の MIME タイプを定義する必要があります。それは text/vtt になります。IE は、::cue や位置マークアップなどの WebVTT 機能をまだサポートしていないことに注意してください。JW Player などの一部のサードパーティ プレーヤーは、さまざまな程度でそれらをサポートしています。

于 2015-09-03T22:06:02.950 に答える