How to use mousevent 'click' on a 'video' element?

I'm trying to click on a Facebook web game using this js function:

onmousemove = function(e){console.log("mouse location:", e.clientX, e.clientY)}

function click(x, y)
{
    var ev = new MouseEvent('click', {
        'view': window,
        'bubbles': true,
        'cancelable': true,
        'screenX': x,
        'screenY': y
    });

    var el = document.elementFromPoint(x, y);

    el.dispatchEvent(ev);
}
click(796,77)

The click works everywhere in the Facebook page, less inside the game area.

When i hover it with dev tools > inspect element, the game area show: video._1yvx

game area: https://i.imgur.com/vctnIIA.png

dev tools: https://i.imgur.com/YqmVLYt.png

Looking for help on this