Skip to content

Problem with specific m3u8 on mobile devices (Android, iOS) #7663

Open
@bitshiftersgmbh

Description

@bitshiftersgmbh

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.

  1. Problematic stream url (example): https://vz-b5717c1c-a70.b-cdn.net/1ea21dc1-902a-4630-bb9c-a2dcfc824c90/playlist.m3u8. Hoster is BunnyCDN.
  2. 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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions