Así que hice un botón de alternar con la funcionalidad JS dentro del complemento elementor. Cuando se hace clic en el botón por primera vez, se reproducirá el video incrustado. Cuando haga clic después de eso, se detendrá. Y cuando se vuelve a hacer clic, se reproducirá de nuevo. Y así. Aquí está el código que he escrito:

 const vid1 = document.getElementsByClassName("eicon-play")[0]; let santanVid = 'pausing'; document.getElementById("santan-thumb").onclick = () => { if (santanVid = 'pausing') { santanVid = 'playing' } else if (santanVid = 'playing') { santanVid = 'pausing' } if (santanVid = 'pausing') { vid1.click(); $('.elementor-video')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*') } else if (santanVid = 'playing') { vid1.click() $('.elementor-video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*') } };

El problema es que solo funcionó una vez. La primera vez que cargue la página, haga clic en el botón y se reproducirá el video. Haga clic en el botón por segunda vez y el video se detendrá. Pero si hago clic de nuevo, el video no se reproducirá.

Intenté usar 2 botones y el código funciona, el problema ocurre cuando estoy usando 1 botón como interruptor, y tengo curiosidad por saber cómo hacerlo posible de esa manera.

gracias antes!