Instagram: pause videos until hover
Pauses feed videos and only plays them when you hover the cursor, cutting off autoplay.
Code to copy
// Pause feed videos until you hover over them
function tameVideos() {
document.querySelectorAll('video').forEach(function (v) {
if (v.dataset.jzTamed) return;
v.dataset.jzTamed = '1';
v.pause();
v.addEventListener('play', function () {
if (!v.matches(':hover')) { v.pause(); }
});
v.addEventListener('mouseenter', function () { v.play(); });
v.addEventListener('mouseleave', function () { v.pause(); });
});
}
tameVideos();
const obs = new MutationObserver(tameVideos);
obs.observe(document.body, { childList: true, subtree: true });How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.