Alain1405
commented
3 years ago Ok, it turns out I can reproduce the issue on HLS.js demo as well by using the same stream Plyr uses in the HLS.js demo!
How to reproduce
- Visit https://hls-js.netlify.app/demo/ an Android mobile
- Replace the stream with https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8
- Video stops after a few seconds
Must be either an issue with HLS.js or the stream file.
EDIT: Here is a link to a video of how to reproduce. Too large to upload here.
We have integrated Plyr on one of our projects, and it works amazing and customers love it. We have been however receiving reports of videos freezing after a few seconds on Samsung and Pixel (Android) phones with Chrome. It works with Firefox instead.
We tried many things to fix the issue, which we could not reproduce:
Until finally I clicked on your HLS.js demo with a real Pixel4A and the video froze after a few seconds. I checked and `HLS.isSupported() flag and it returns true. I checked the demo at HLS.js and that works. I was also able to reproduce by using the 60sec emulator demo at https://appetize.io/demo?device=pixel4&scale=75&orientation=portrait&osVersion=11.0
My Chrome version: 88
Expected behaviour
I can play a video on Android with Chrome by using HLS
Actual behaviour
The video freezes after a few seconds playing, despite the stream buffer being loaded.
Steps to reproduce
The video stops after a few seconds.
Environment
Console errors (if any)
None
Link to where the bug is happening
https://codepen.io/pen?template=oyLKQb And same demo, with HLS support check printed on an alert: https://codepen.io/pen?template=oyLKQb