タグ

ブックマーク / honttoni.blog74.fc2.com (1)

  • [68] 動画や音声に字幕やキャプションを表示しよう track要素

    <video>要素と組み合わせて、動画に字幕をつけよう <track>要素の src属性で、字幕用のテキストトラックファイル(今回のサンプルは WebVTT形式)を呼び出します。 <track>要素は、HTML5.1 からクロスオリジンが使えるようになりました。 src属性で読み込むテキストトラックファイルは、別のドメインのファイルでもOK だそうです。 kind属性はテキストトラックの種類、srclang属性はテキストトラックの言語コードを指定します。 <video>要素内に <source>要素があれば、その後に <track>を指定します。 代替え用のコンテンツが有る場合は、必ずその前に <track>要素を書きます。 <track>要素は複数入れることも可能です。 その場合は label属性でトラックの名前をつけておくと、ユーザーが選択できるようになります。(日語と英語の字幕があ

    [68] 動画や音声に字幕やキャプションを表示しよう track要素
    kzms2
    kzms2 2015/10/17
    track要素の扱い方。わかりやすい。
  • 1