新人エンジニアのメモ

新人エンジニアの日々学んだことをアップしていきます。最近はQiitaも始めました。https://qiita.com/nacho0707

【要素】video要素

video要素とは

  • 動画を再生するために使用
 
サンプルコード

f:id:nacho0707:20200116220451p:plain

【解説】

video要素の属性
 属性 説明 
 src  動画ファイルのパス
 controls  コントロール(再生ボタンなど)の表示
 loop  繰り返し再生
 poster  動画を再生できない場合に表示する画像

 

追加事項

  • video要素の子要素としてtrack要素を使用すると、動画や音声に見出しや字幕などの情報を追加できる。

 

track要素とは

  • 動画や音声に見出しや字幕などのトラック情報を追加するために使用する。

 

video要素の属性

属性  説明 
 src  トラック情報のパス
 srclang  トラック情報の言語
 kind  トラック情報のタイトル
 default  規定でトラック情報を表示