2016-06-24 7 views
0

私はHTML5で再生すると、私はこのhtml5の字幕を組み込んだビデオの再生方法は?

<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>

を試してみる、サブタイトルに建て表示したいというサブタイトルに建てられたと私はMP4やMKVファイルを持っているが、それは

+0

WindowsMediaPlayerなどのメディアプレーヤーは、ビデオファイルと同じフォルダ内の字幕ファイルを使用して、画面に字幕を表示します。それがあなたがしようとしている場合は、ビデオタグ内にネストされたトラックタグを追加する必要があります。これを見てください:http://www.w3schools.com/tags/tag_track.asp –

答えて

0

メディアが動作しません。 WindowsMediaPlayerなどのプレーヤーは、ビデオファイルと同じフォルダ内の字幕ファイルを使用して、画面に字幕を表示します。それがあなたがしようとしている場合は、ビデオタグ内にネストされたトラックタグを追加する必要があります。見てくださいthis

+0

いいえ、字幕はビデオに組み込まれています。ビデオファイルのみ –

0

ブラウザはこれをサポートする必要がありますが、私の知る限り、主要なブラウザはプログレッシブビデオでこれをサポートしていません。あなたは字幕を抽出し、それらをサイドロードすることを考慮する必要があります。字幕を抽出するためのいくつかのツールがあります。 CCextractorまたはMP4BoxMozilla Developer Networkで説明したように

あなたは、video要素のトラックとして追加することができます

<video id="video" controls preload="metadata"> 
    <source src="video/sintel-short.mp4" type="video/mp4"> 
    <source src="video/sintel-short.webm" type="video/webm"> 

    <track label="English" kind="subtitles" srclang="en" src="captions/vtt/sintel-en.vtt" default> 
    <track label="Deutsch" kind="subtitles" srclang="de" src="captions/vtt/sintel-de.vtt"> 
    <track label="Español" kind="subtitles" srclang="es" src="captions/vtt/sintel-es.vtt"> 
</video> 

しかし、これだけVTTファイルのための作品とは、同様にクロスブラウザの問題があるかもしれません。さまざまな字幕フォーマット、JWPlayerまたはBitmovin Playerもサポートするいくつかのウェブプレーヤーがあります。

関連する問題