I have a video tag with controls like:

<video id="prevVideo" class="mx-auto my-auto" controls controlsList="nofullscreen" oncontextmenu="return false"></video>

with css:

#prevVideo {
cursor: pointer;
transition: 0.3s;
}

#prevVideo:hover {
    opacity: 0.7;
}

that on double click should call a function:

$('#prevVideo').dblclick(function () {
    //do something
});

I need to display the controls but disabled them (no reaction to click), instead to call a function when double click on the video.

It is possible to display the controls but disabled and on double click to call a function (no fullscreen)?