Seek bar not showing during playback, instead seeing live only on chrome

aphavichitr commented 3 years ago

Description

When playing a video (.webm) the seek bar is not shown, but "live" is shown in its place. Only after playing the entire video, the seekbar appears. This is happening on chrome only, firefox displays the seekbar. I'm using video.js inside a Vue.js + Nuxt.js project.

Steps to reproduce

Explain in detail the exact steps necessary to reproduce the issue.

Load video URL into source in options
Press play and seekbar is not shown, only live is shown.
Seekbar appears at the end of the video

Results

Expected

Should see seekbar at the beginning of the video.

Actual

See live instead

Error output

N/A

Additional Information

Please include any additional information necessary here. Including the following:

versions

7.0.5

videojs

7.0.5

browsers

Chrome

OSes

Mac

plugins

N/A

welcome[bot] commented 3 years ago

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

mister-ben commented 3 years ago

It sounds like Chrome isn't reporting the duration as expected. It could be a bug in Chrome, or bad metadata in the file but other browsers are more tolerant.

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

4o3F commented 10 months ago

Same issue for HLS stream too, metadata don't seems to be a problem, just refresh the page and the seek bar show up again

videojs / video.js