Как предотвратить всплывающие события кликов при наложении видео на YouTube?

Когда я добавляю <div> в страницу на YouTube и позицию, если над элементом <video>, события "щелчка", которые происходят на этом <div> все еще появляются на видео. Это проблема, поскольку два щелчка подряд могут вызвать полноэкранный режим на YouTube, и я хотел бы это предотвратить.

Вы можете проверить это с помощью кода ниже. Перейдите на страницу видео на YouTube и убедитесь, что видеопроигрыватель HTML5 активен (щелкните правой кнопкой мыши по видео и проверьте, не получилось ли вы "HTML5" в раскрывающемся списке). Затем вставьте код снизу в консоль браузера. В верхнем левом углу видео появится желтая рамка. Теперь дважды нажмите на поле. видео перейдет в полноэкранный режим. Обратите внимание на то, как я пытаюсь помешать событию "click" в моем коде. Что мне не хватает? Почему событие "click" все еще активирует полноэкранный режим?

document.querySelector('.html5-main-video').insertAdjacentHTML('beforebegin', 
    '<div id="test123" style="position:absolute;top:0;left:0;width:100px;'
    +'height:100px;background:yellow;z-index:1000000"><div>'
);
document.querySelector('#test123').addEventListener('click', function (e) {
    console.log('Clicked');
    e.preventDefault();
    e.stopPropagation();
    return false;
});

Вы можете протестировать это видео: https://www.youtube.com/watch?v=vCYk9CRx0g8