2

まず、私の Firefox は、私がテストしたすべてのオンライン html5 ビデオ サンプルの webvtt 字幕を再生できます。

127.0.0.1:20001 というメディア サーバーがあり、メディア パスは http://127.0.0.1:20001/file/abc.mp4です。

webvtt パスは http://127.0.0.1/20001/file/abc.vttです。

私のテスト用htmlは次のようなものです。

<video controls width="480" height="270" crossorigin="anonymous">
   <source src='http://127.0.0.1:20001/file/132416.mp4' />
   <track label="English" kind="subtitles" srclang="en" src='http://127.0.0.1:20001/file/132416.vtt' />
   This video format is not supported.
</video>

私の Firefox は、ビデオと一緒に vtt ファイルを要求しました。コンソールログから、それは次のようなものです、

Request URL:    http://127.0.0.1:20001/file/132416.vtt
Request Method:     GET
Status Code:    HTTP/1.0 200 OK

Request Headers 06:41:56.000
User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:36.0) Gecko/20100101 Firefox/36.0
Host:   127.0.0.1:20001
Connection: keep-alive
Cache-Control:  max-age=0
Accept-Language:    en-US,en;q=0.5
Accept-Encoding:    gzip, deflate
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

Response Headers Δ0ms
Content-Type:   text/vtt
Content-Range:  bytes 0-120/121
Content-Length: 121
Access-Control-Allow-Origin:    *

Response Body Δ0ms
WEBVTT 1 00:00:00.000 --> 00:00:00.903 abc 2 00:00:00.903 --> 00:00:05.553 def

上記の応答本文には改行がないことに注意してください (ファイルには改行がありましたが、Firefox コンソールの表示が改行を無視している可能性があります)。

Linux の私の Chrome は、ビデオと字幕を正常に再生できます。

Firefox は、字幕なしでビデオのみを再生します。また、コンソールには警告やエラーは表示されませんでした。

私の場合、Firefox で何も表示されない理由を知るにはどうすればよいですか? デバッグログなどを確認するためのヒントや手順は非常に役立ちます。

ありがとう。

4

1 に答える 1

1

I was in the same boat. What worked for me was a combination of using the default attribute and also removing the trailing slash from the track element (noticed that Mozilla omitted it in their blog on WebVTT):

<video controls width="480" height="270" crossorigin="anonymous">        
    <source src='http://127.0.0.1:20001/file/132416.mp4' /> 
    <track label="English" kind="subtitles" srclang="en" src='http://127.0.0.1:20001/file/132416.vtt' default> 
    This video format is not supported. 
</video>
于 2015-06-08T17:32:17.447 に答える