videojs-dvr | A Video

Hello after searching through many pages I have found the answer. After the videjs 7.xx the dvrseekbar plugin functionality is added to videojs. You don't have to download or import an extra plugin for that.

It is explained here https://github.com/videojs/video.js/blob/master/docs/guides/live.md

The new user interface is currently opt-in to prevent breaking backwards compatibility. We feel that the new user interface is much better and it will likely become the new default in the next major version. If you want to use the new user interface you will have to pass {liveui: true} during player setup. This can be done in two ways:

Using data-setup

Using the videojs function

var player = videojs('some-player-id', {liveui: true}); The new user interface shows the ProgressControl component on the control bar, hides the LiveDisplay component, and shows the new SeekToLive component when Video.js detects that the video that it is playing is live (via a durationchange event). Along with the ProgressControl update we also updated all the time tooltips on the player to indicate a negative number from the live current time, rather than seeking to a specific time.

Here is a simple example for you: