Greasy Fork

On some pages the new player was displayed but blocked by another div which is a sibling of the player itself. I could also block this one by modifying the script a little bit:


// ==UserScript==
// @name Reasonable Instagram video player (fix)
// @namespace Violentmonkey scripts
// @version 1.0
// @description Automatically enable video player controls and set default volume to 20%.
// @author uls (fix by goldnick7)
// @include *instagram.com*
// @grant none
// ==/UserScript==

(function () {
'use strict';

function videoFixer() {
var player = document.querySelector('video:not([fixed])')
if(!player)
return
console.log('updating player');
player.style.zIndex = 1;
player.setAttribute('controls', 1);
player.setAttribute('autoplay', 1);
player.muted = true;
player.volume = 0.2;
player.setAttribute('fixed', 1);
player.pause();

var playerSibling = player.nextElementSibling;
if (playerSibling != null && playerSibling.hasAttribute("data-instancekey")) {
playerSibling.style.display = 'none';
}
}

setInterval(videoFixer, 100);
})();