HLS video downloads ts segments but does not play

[Sivitas]

Description

Video loading a lot of ts segments but doesn't play. Eventually the buffer gets filled and an error is thrown. I think this might be the same issue as videojs/http-streaming#274 but our videos are too big to fit into the buffer completely to test that. There have been a few times that the buffer does not max out and the video does start playing, however I can't reliably reproduce it

What's really strange for us is that in our own web app that is using videojs v7.2.3, this file works without any issues, as seen here: https://www.justlol.tv/watch/recent/0-pwprvhq9fax7-100-funny-kid-bffs-adorable

We really only detected this issue recently because we have a html5 tv mode that does not work, even though the code is more or less identical. They use the same videojs lib version as well. That url is: https://www.justlol.tv/tv/test?channel=recent&watch=0-pwprvhq9fax7-100-funny-kid-bffs-adorable

Only our recent videos have this issue. Looking at our older content, they all work. We use VDMS to transcode our content and I think the m3u8 file structure has changed, but I don't know what part of that is causing the issue. In any case the new m3u8 files work on other stream testers I've tried like jwplayer and bitmovin.

Also while creating this ticket, I found that safari does not have this issue

Sources

https://content.uplynk.com/6b90b143ab604ac69fa87546537c9196.m3u8?tc=1&exp=1544637898175&rn=781897938&ct=a&cid=6b90b143ab604ac69fa87546537c9196&sig=4318277bda8a8de0cde692a1da0342dc04fad61acc2b1189404e41bad409794c

Steps to reproduce

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

1. Use http-streaming demo page with the above source file

Results

Expected

Video starts playing immediately and ts segments load as needed

Error output

Video does not play but ts segments continuously load until buffer is maxed

Additional Information

videojs-http-streaming version

what version of videojs-http-streaming does this occur with? videojs-http-streaming 1.2.5 (default included with videojs)

videojs version

what version of videojs does this occur with? video.js 7.2.3

Browsers

what browsers are affected? please include browser and version for each

• chrome 71.0.3578.80
• firefox 63.0.1 and 64.0

safari 12.0.1 NOT affected

Platforms

what platforms are affected? please include operating system and version or device and version for each

• macOS Mojave 10.14.1

Other Plugins

are any other videojs plugins being used on the page? If so, please list them with version below.

• videojs-contrib-ads 6.6.0
• videojs-contrib-dash 2.9.1
• videojs-contribe-eme 3.2.0
• videojs-ima 1.5.1

[welcome[bot]]

👋 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.

[Sivitas]

Any ideas on this issue?

[tamdao]

I got the same issue. My player can play on safari, but can't play on chrome and firefox

[josephepotter]

I have the same issue on Chrome. However, it streams normally on fast internet connections. This issue only shows up on a throttled/slow network.

[buiphuc]

I have the same error that the .ts files are downloaded but the video cannot be run or the client can run but there is no image but only audio. especially the problem only occurs in some Windows 7 clients (using all browsers have this error) but not all customers use windows 7. Someone can help me solve this problem. T is using the latest 2 versions of video.js and http-streaming. The player does not log any errors

[barclayiversen]

I seem to be having a similar issue @josephepotter

I'm using an nginx rtmp streaming server on the back end that re-streams to twitch and a website that I host on the cloud. On a low bandwidth connection the twitch stream comes through okay, however my personal site will stop playing even though the console confirms it's still downloading .ts files.

It's worth noting this bug only seems to impact Chrome. Safari is fine. Firefox is able to resume, albeit, after quite some time.

[gkatsev]

Can you test your stream with https://videojs-http-streaming.netlify.app/ and see if it's improved?