Search code examples
angularjsvideoasp.net-web-apivideogular

Videogular displays incorrect start time and end time for a video

Why videogular is not displaying the correct start time for the video?For all video it starts from 30:00 which shud be 00:00 and start incrementing as video plays.

<vg-controls>
        <vg-play-pause-button></vg-play-pause-button>
        <vg-time-display>{{ currentTime | date:'mm:ss' }}</vg-time-display>
        <vg-scrub-bar>
            <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
        </vg-scrub-bar>
        <vg-time-display>{{ totalTime | date:'mm:ss' }}</vg-time-display>
        <vg-volume>
            <vg-mute-button></vg-mute-button>
            <vg-volume-bar></vg-volume-bar>
        </vg-volume>
        <vg-fullscreen-button></vg-fullscreen-button>
    </vg-controls>

Here in the image you can see the video is of 62mins but total time shown is 2 mins and current time it is showing 30:12 but only 00:12ss is only played. enter image description here

Any suggections to achieve this ?Thanks

Solution

  • Videogular is using the date filter.

    You need to add the timezone and that's all.

    <vg-time-display>{{ currentTime | date:'mm:ss':'+0000' }}</vg-time-display>