Playback jump at 10 seconds

[pjburnhill]

Description

I have an issue when streaming from TwentyThree where the video playback jumps forward a fraction of a second, precisely at 10 seconds into the video.

It only happens with the 0-video_hd.playlist.m3u8 and 3-video_1080p.playlist.m3u8 playlists. See sources below.

Example here (I had to hit 'Run with JS' to trigger the representations filtering): https://jsbin.com/nuvodop/edit?html,console,output

It can also be seen, when I load, for instance the 3-video_1080p.playlist.m3u8 (see sources) directly into: https://videojs-http-streaming.netlify.app/utils/stats/

• I notice that after initiating playback: before 10 seconds the stats on the right show start: 0 end: 10 and as the glitch happens, it seems to load the actual length of the video.

This issue does not present itself when streaming from Vimeo, see sources below.

Note: This same issue happens with all videos from TwentyThree, not just the one below.

Could someone who has better understanding of HLS explain what is happening here? Is this something to do with preloading? How can I fix this issue?

Sources

Issue with when loading from TwentyThree: https://nn-product.videomarketingplatform.co/64968555/83147403/f48e4c2c4906d49668a6f521943d8ea0/video_hls/playlist.m3u8

0-video_hd.playlist.m3u8: https://nn-product.videomarketingplatform.co/64968555/83147403/f48e4c2c4906d49668a6f521943d8ea0/video_hls/video_hd.playlist.m3u8

3-video_1080p.playlist.m3u8: https://nn-product.videomarketingplatform.co/64968555/83147403/f48e4c2c4906d49668a6f521943d8ea0/video_hls/video_1080p.playlist.m3u8

Not an issue when loading from Vimeo: https://player.vimeo.com/external/796923359.m3u8?s=1c7dc049cb095b77807f7aba0ce700261c731e7b

Steps to reproduce

Happens, if video.js automatically uses the affected playlists.

Step to force reproduction:

1. Force player to use only representations with rep.width >= 1280
2. Play video
3. At 10 seconds, video skips a fraction of a second

Results

Expected

Continuous, smooth playback.

Error output

No error.

videojs version

video.js 8.0.4

Browsers

Chrome 109.0.5414.120 Edge 109.0.1518.78 Firefox 109.0.1

Platforms

Windows tested

Other Plugins

No other plugins used

Other JavaScript

Vanilla JS