Elementor allows you to play a video in the background of a section. I'm using the following code to get it:

var showreel = document.getElementById('showreel');
var btn = document.getElementById('button-rf3d');

btn.addEventListener('mouseover',hoverVideo,false);
btn.addEventListener('mouseout',leaveVideo,false);

function hoverVideo() {
    showreel.data-settings="{"background_background":"video","background_play_on_mobile":"yes","","_ha_eqh_enable":false}">
}

function leaveVideo() {
    showreel.style.backgroundClip = "block";
}

However, nothing happens. You can check the website here to find the following code for the section:

<section class="elementor-section elementor-top-section elementor-element elementor-element-567911d elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="567911d" data-element_type="section" id="showreel" data-settings="{"background_background":"video","background_play_on_mobile":"yes","background_video_link":"https:\/\/youtu.be\/zU6BBa9upI4","_ha_eqh_enable":false}">