img {
pointer-events: none;
}

И если нужно убрать схожие кнопки для видео, то для самого тега video в html пишите pip="false"
Например: <video src="/video.mp4" pip="false"></video>

Если min и max динамически меняются – засунь объявление rangeMin и rangeMax обратно в слушатель

https://jsfiddle.net/suchrile/wh37xrjf/121/

const farea = document.querySelector('#farea')
const bubble = document.querySelector('.bubble')
const rangeVal = document.querySelector('#r');
const rangeMin = rangeVal.getAttribute('min')
const rangeMax = rangeVal.getAttribute('max')

farea.addEventListener('input', () => {

	if (farea.value.match(/[^0-9\.]/g)) {
        farea.value = this.value.replace(/[^0-9\.]/g, '')
  }
  const inputValue = farea.value
  const toOut = Math.max(rangeMin, Math.min(rangeMax, inputValue))
  
  rangeVal.value = toOut
  bubble.innerHTML = toOut

})