1

ted talks で、ビデオ フラッシュを埋め込むときに、必要に応じて字幕があることに気付きました。ただし、html5 バージョンには何もありません。これを機能させる方法があるかどうか疑問に思っていました。現在、ライトボックスで iframe を開いています。

私が考えることができるハッキーな修正は、JSON 字幕ファイル (例: http://www.ted.com/talks/subtitles/id/70/lang/pt ) に基づいてテキストを変更するフローティング div を使用することですが.. . より良い解決策があれば、ぜひ知りたいです。しかし、誰かがハッキーな修正を実装する方法を知っていれば、それも素晴らしいでしょう.

ありがとう ：）

4

1 に答える 1

0

これは、サブタイトルやキャプションを追加するために使用できる Track 要素の使用を開始する方法を説明する記事です。

編集: HTML5 ビデオとトラック マークアップを含む別のファイルを作成し、それを iframe ソースとして参照します。

<html>
<head>
</head>
<body>


<iframe width="560" height="315" frameborder="0" src="YOUR_HTML5_VIDEO_PLUS_TRACK"></iframe>

</body>
</html>

次に、.vtt ファイルは次のようになります。

railroad
00:00:10.000 --> 00:00:12.500
Left uninspired by the crust of railroad earth

manuscript
00:00:13.200 --> 00:00:16.900
that touched the lead to the pages of your manuscript.

この .vtt ファイルは任意のテキスト エディターで作成し、ファイル拡張子を変更できます。これは Web サーバーでホストする必要があります。ローカルでは機能しません (例: src=file://)

于 2013-07-19T21:31:10.517 に答える