Delay vinculado ao tempo de vídeo com player do YouTube

O código irá aparecer em 3 segundos de vídeo. Dê o play

O tempo está em segundos e vc altera em “currentTime > 3”, sendo o 3 (segundos)

1. Escreva em Classes CSS de cada widget que vc quer atrasar o nome da clase “esconder”

2. Cole o código abaixo no campo CSS personalizado do conteiner onde está o vídeo

				
					<script>
document.addEventListener('DOMContentLoaded', function () {
    window.addEventListener('message', function (event) {
        let data;

        if (typeof event.data === 'string') {
            try {
                data = JSON.parse(event.data);
            } catch (error) {
                return;
            }
        } else {
            data = event.data;
        }

        let currentTime = data.info?.currentTime;

        if (currentTime > 3) {
            let escondidos = document.querySelectorAll(".esconder");
            for (let i = 0; i < escondidos.length; i++) {
                escondidos[i].classList.add("ativo");
                setTimeout(function(){
                    escondidos[i].style.opacity = "1";
                }, 200);
            }
        }
    });
});
</script>