videoタグはデバイスによってコントロールバーとかが違うため、その見栄えを整えてくれる便利なライブラリ、video-jsを使ってページを作成中なのだが・・・
https://videojs.com/
再生時間の表示が「-0:26」みたいな感じで残り時間表示なのが気に入らない。
YouTubeと同じく「0:10/1:02」みたいな「現在時間：総再生時間」にしたい。
方法は別cssを用意し（勿論、video-js.cssより後に記述）、
/*残り時間表示を消す*/
.vjs-remaining-time{
display: none;
}
/*現在時間表示*/
.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{
display: block;
}
/*総再生時間表示*/
.video-js .vjs-duration,.vjs-no-flex .vjs-duration{
display: block;
}
/*現在時間と総再生時間の間の"/"を表示*/
.vjs-time-divider{
display: block;
}
これをすれば「0:10/1:02」みたいになってくれる。
・・・探し出すのに丸一日かかったわ・・・
