How To Fix hls.js Error in Chrome & All Browsers

The hls.js error in Chrome is an issue that occurs when trying to play HLS (HTTP Live Streaming) video on the browser. This error usually appears as a black screen with the message “hls.js: Video Error” or “hls.js: Network Error.” The cause of this error is generally due to a lack of support for HLS in the browser or an issue with the video stream itself.

The first time I encountered this error was while trying to watch some streaming on Twitch. Then suddenly, the error “hls.js error network error – fatal true – manifestloaderror” came up. There are other variations of this error too.

How to Fix hls.js Error in Chrome?

In my article today, I will be writing about how you can quickly fix this error.

Disable Proxy Server in Windows

To turn off the proxy server settings in Windows, go to the browser settings and select Internet options. This will take you to the internet settings tab, where you can change or disable your existing configuration.

Once in the settings menu, uncheck “use a proxy server” and click OK. And boom – no more hls.js error! This straightforward solution will make streaming videos seamless again, and your problems should be fixed.

You can continue reading to find more tweaks if this doesn’t fix your issue.

Switch To Another Browser

This error is common only in Chrome, so if you are looking for a quick fix, you can switch to another browser, and your issue will disappear.

This is what I did. Whenever there’s an issue with a streaming service or application, I switch to another browser. 

If switching to another browser doesn’t help, you can move to the other steps mentioned in the article.

Reset Your Browser

Resetting your browser will bring it to its stock state, where every piece of stored data will be removed. 

How To Reset Chrome?

First, open Chrome and select ‘Settings.’ From there, click on ‘Advanced’ and then scroll down and click on ‘Reset Settings.’ This will bring up a pop-up window with a prompt – ensure that the box for deleting data is checked, and then hit ‘Reset’.

You will now see one last warning before all the settings are set back to their original state. Read this carefully – if you want to proceed, go ahead and hit the reset button. The browser will automatically restart once it’s complete. Now you know how to reset your Chrome browser!

How To Reset Firefox Browser?

First, open the menu in the upper right corner of Firefox; then click on “Help,” followed by “Troubleshooting Information.” On this page, select the button that says “Refresh Firefox”; this will reinstall your version of Firefox without deleting any of your data.

When this is done, restart your browser for the changes to take effect. Voila! Your hls.js issue should now be resolved.

It’s straightforward when you break it down like that. To make sure you don’t get stuck with another issue behind – remember to back up a few relevant files now and then – in case something else goes wrong down the road; better safe than sorry, after all!

Reinstall Chrome or Firefox

Depending on your browser, this is the last resort if things are not working out.

How To Reinstall Chrome?

First, download the latest browser version by visiting Google Chrome’s website. Click on “Download Chrome,” select your operating system and language, and then click “Accept and Install.”

Once installed, go to the Programs & Features menu of your computer’s control panel. Select “Google Chrome” from the list and click Uninstall / Change at the top. This will remove your current version so you can start fresh with an up-to-date version of Chrome.

Follow these instructions, and you’ll be good to go! Now, you should have a fully-functioning chrome browser with no hls.js errors!

How To Reinstall Firefox?

Download the latest version from the official website. Then, uninstall your old version entirely and install the new one. This should take care of any lingering issues in the system software and ensure everything runs smoothly.

Once you’ve done that, restart your computer and fire up Firefox to see if the errors have been resolved. Reinstalling can take time, so be patient – it will be worth it when everything is working as intended!

That’s all we have on fixing the hls.js error in Windows. Comment below if this guide helped you out.