time - videojs の残り時間ではなく、ビデオの現在の時間を表示する

Question

HTML5 ビデオ プレーヤーであるVideoJSを使用します。

デフォルトでは、通常の現在時間 (YouTube など) ではなく、残り時間 (カウントダウン) が表示されます。

それを「修正」する方法はありますか？公式ウェブサイトで実際の例を見ることができます

Answer 1

解決策を探している他の人のために...

プレーヤーにはすべてのタイマーが存在しますが、デフォルトではcurrent-time、time-dividerおよびduration情報は で非表示になっていdisplay: none;ます。

したがって、私たちがしなければならないことは、 を非表示にしremaining-timeて、 、およびを含むを表示time-controlすることだけです。current-timetime-dividerduration

プレーヤーで動作するCSS コードのソリューション:

.video-js .vjs-time-control {
    display: block;
}
.video-js .vjs-remaining-time {
    display: none;
}

ドキュメントはこれを説明していません。正確には、CSS を使用してプレーヤーをカスタマイズする方法を説明しているときに、説明に失敗しています。

---

高速 HTML コード スニペット:

<style type="text/css">
    .video-js .vjs-time-control{display:block;}
    .video-js .vjs-remaining-time{display: none;}
</style>