plyr
plyr copied to clipboard
sampotts
Progress bar 'click' broken on Chrome
Expected behaviour
Progress bar click should go to a current video time
Actual behaviour
Right now in Chrome when you click in the progress bar, the video get reseted to 0:00 instead to go updated with the new time.
Environment
- Browser: Chrome 67.0.3396.99 (Official Build) (64-bit)
- Plyr Version: "plyr": "^3.3.21"
- Operating System: High Sierra 10.13.5
- Type of file and upload: Local video .mp4
Steps to reproduce
Play a video, try go to a specific time in the video. Video should go to that point, not being reseted to 00:00 again.
Hi, no but that one is using Vimeo right ? vimeo or youtube work nice for me. The issue only appears with a local video file.
https://plyr.io is using html5 video https://plyr.io/#vimeo is using Vimeo https://plyr.io/#youtube is using YouTube
I'm seeing the same issue as @HectorLS in Chrome in my mac when trying to reproduce an mp3 file served locally. I click play, the audio starts to reproduce, then click somewhere in the progress bar and the pointer goes back to the beginning of the progress bar and the audio starts from the beginning.
In Safari I get a similar error too but additionally it displays aN instad of the current time and the progress bar doesn't move, if I try to move it forward the point will go back to the beginning of the progress bar but the audio will continue playing (unlike Chrome that restarts the audio).
This seems to be an issue only with local files, I tried using an MP3 hosted in the web and it works just fine. In none of the cases there are errors in the javascript console.
I'll come back with more details if I can find anything else.
I have the same problem when playing mp3. Click on progress bar not works properly, always starts playing track from the beginning.
Environment: Ubuntu 16.04 Chrome 67.0.3396.87 (Official Build) (64-bit)
But in Firefox works fine.
I guess it's not plyr problem, it's Chrome problem. Because I tried to execute native html5 <audio> tag without plyr and scrollbar behavior was the same.
Finally I have found the problem. It was only when I use http://127.0.0.1:8000 in Chrome, when I change website host to normal nginx config, everything works fine. :blush:
https://github.com/sampotts/plyr/issues/1101#issuecomment-420719527 how to solved this issue
I'm new to Plyr and have encountered this issue anytime I change the URL from the default in the demo to a file located either on my own Azure blob (I verified it does have public access) or on certain videos (this one didn't work - http://www.nasa.gov/downloadable/videos/meetagamechangerrovekamp.mp4 but this one did https://images-assets.nasa.gov/video/GSFC_20170912_Cassini_m12709_CIRS_Short/GSFC_20170912_Cassini_m12709_CIRS_Short~orig.mp4 ). Can someone please walk me through the steps on how to solve this for Chrome users? Thank you!
same here however it used to work perfectly on localhost b4 😢
ref https://github.com/sampotts/plyr/issues/1444
Finally I have found the problem. It was only when I use http://127.0.0.1:8000 in Chrome, when I change website host to normal nginx config, everything works fine. 😊
Any solution for this ? Because I want to play videos locally (localhost). And I'm also getting this issue.
On this issue, please provide a fix or a way to make it so that when we click on the progress bar, even if it cannot jump, it will do nothing and just continue playing back instead of jumping to 0:0. The default behavior on Chrome when jumping is not allowed is to keep going.
