How to add sliders to Facebook Stories is a keyword that many users search for when they feel inconvenient because they cannot fast forward long videos on this platform. Having to rewatch a Story from the beginning just to capture the last few seconds is really frustrating and time-consuming to experience. AnonyViet will share a solution to help you completely control your video viewing time with an extremely convenient custom navigation bar.

Overview of the video rewind feature on Facebook

When surfing Facebook Stories On computers, users often encounter difficulties because the default interface does not provide a time bar (seekbar) for drag and drop. This means you can’t fast forward or rewind, and you also don’t know exactly how many seconds the video has left until it ends.

Realizing this inconvenience, the author Nguyen Trong Duc (DuckCIT) developed a compact but extremely useful script. This tool works by hiding Facebook’s native progress bar and replacing it with a custom seek bar, allowing users to drag and drop smoothly and accurately display the current time over the total video duration.

How to add sliders to Facebook Stories

To integrate this useful feature into the browser, users can choose between using Userscript or installing it as an extension.

Method 1: Use Userscript

This method is highly appreciated for its stability and speed, suitable for most common users.

Step 1: Users need to install the Tampermonkey utility into the browser Chrome or Edge from the online application store.

Step 2: Once you have Tampermonkey, you just need to access the link HERE.

Step 3: Tampermonkey’s installation screen will appear, now you just need to press the button Install to complete the process of integrating the script into the browser.

Method 2: Install as an extension

If you do not want to use Tampermonkey, you can completely install this tool as a standalone extension through developer mode.

Step 1: Visit the Github page HERE > Tap the item Code > Select Download ZIP.

Step 2: Visit your browser’s add-ons management page (chrome://extensions) and turn on “Developer mode” (Developer mode) in the corner of the screen.

Step 3: Select item “Load unpacked” (Download the unpacked utility) and point the path to the folder containing the just downloaded manifest.json file to activate the tool.

Frequently asked questions when using

1. Why sometimes when I drag the slider the video doesn’t respond?

Facebook operates under the Single Page Application (SPA) mechanism, meaning that the platform loads and displays multiple videos at the same time (including hidden videos or preview videos). As a result, the code can sometimes mistakenly identify the video that needs to be controlled. In this case, reloading the page (F5) will usually fix the problem.

2. Does the changed Facebook interface damage the tool?

The answer is possible. The script works by “sticking” to specific Facebook CSS classes to display the slider. If Facebook updates its interface and renames these classes, the tool may not be able to find a location to display.

Conclusion

Application how to add slider to Facebook Stories will completely change your social network surfing habits in a more proactive and positive direction. You will no longer have to wait patiently to rewatch an interesting moment or be confused about the length of the video. Hope this little trick helps your daily entertainment experience become more complete and comfortable than ever.