Elementor te permite reproducir un video en el fondo de una sección. Estoy usando el siguiente código para obtenerlo:

 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"; }

Sin embargo, no pasa nada. Puede consultar el sitio web aquí para encontrar el siguiente código para la sección:

 <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}">