Is there any way to Stop HLS.js Video Preloading?

Tech QnA
1

I tried adding the preload attribute with a value of none to the video tag but, it doesn’t stop the hls.js Library from preloading from the video.
How can I stop the preloading of hls.js videos?

2

To stop HLS.js video preloading, you can use the hls.stopLoad() method. This method stops the current video load and removes any data that has been buffered.
if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(‘your-video.m3u8’);
hls.attachMedia(yourVideoElement);
hls.on(Hls.Events.MANIFEST_PARSED, function() {
// stop video preloading when the manifest has been parsed
hls.stopLoad();
});
}

3

How can we increase the preloaded buffer size?

4

For that you can use the hls.config.maxMaxBufferLength option. This option allows you to set the maximum buffer length in seconds that hls.js will use for preloading content. The default value for this option is 30 seconds.
To set this option, you can use the following code:
var hls = newHls();
hls.config.maxMaxBufferLength = 60; // Set the buffer length to 60 secondsKeep in mind that increasing the preloaded buffer size can improve the playback experience, but it may also increase the initial load time for your content and use more network bandwidth.