video.js
video.js copied to clipboard
Problem with specific m3u8 on mobile devices (Android, iOS)
Description
Hey there. We use videojs on a client's homepage. It worked well but some weeks ago I noticed that no video is played on any mobile device (iOS, Android); desktops still work. The player then shows 0:00 time and a white background and no errors in browser console. After 2 days of intense testing and continiously mystical behaviour and am still very confused.
When I use codepens with minimal init settings and no other stuff around all works well. Wrapped into the homepage it stops working. Strange thing is: If I use other m3u8 (for example: https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8) it all works well on any device. So I assume, there is something special with that streams. SSL? MIME-Type? Bit rate? Caching? Compression? ...
Maybe someone can push me into right direction.
Steps to reproduce
Explain in detail the exact steps necessary to reproduce the issue.
- Problematic stream url (example): https://vz-b5717c1c-a70.b-cdn.net/1ea21dc1-902a-4630-bb9c-a2dcfc824c90/playlist.m3u8. Hoster is BunnyCDN.
- If I just change all video sources on the website to something from this page (https://bitmovin.com/mpeg-dash-hls-examples-sample-streams/) all works well.
Results
Expected
(auto)playing hls videos on mobile devices
Actual
no (auto)playing hls videos on mobile devices
Error output
Additional Information
versions
videojs
Tried a lot, 7.17.0, 7.17.3, 7.18.0, 7.18.1 (all minified and normal)
browsers
Android Chrome, iOS Safari
OSes
mobile OSes
plugins
none, maybe I have to?
Hey! We've detected some video files in a comment on this issue. If you'd like to permanently archive these videos and tie them to this project, a maintainer of the project can reply to this issue with the following commands:
- for https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8: say
@video-archivist-bot save REVvdE - for https://vz-b5717c1c-a70.b-cdn.net/1ea21dc1-902a-4630-bb9c-a2dcfc824c90/playlist.m3u8: say
@video-archivist-bot save rwoaME
You're saying that the videos aren't autoplaying, are they also not working if you tap play manually? It's worth noting that autoplaying in a bit tricky nowadays. See https://videojs.com/blog/autoplay-best-practices-with-video-js/.
If your video isn't working at all on iOS, then your stream is likely bad. Try running it through Apple's mediastreamvalidator tool. If you're able to share your stream, we could try and take a look, too.
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.