Estoy tratando de crear un sitio web para mostrar varios videos en diferentes páginas. Mi objetivo es tener algo como YouTube, donde el video se reproduzca automáticamente y si activas el sonido, el próximo video en el que hagas clic se reproducirá con sonido.

Logré lograr esto con cookies y funciona muy bien en Chrome, pero no en Safari: cuando el video no está silenciado, no se reproduce.

¿Hay un código específico que necesito para que esto funcione con safari?

Aquí está el sitio web: https://ameliehaeck-0c50a96d5054d30ab9f31508ec1.webflow.io/ (Haga clic en el enlace 1 a 3 para ver un video)

Y aquí está mi código:

 if (Cookies.get("soundMode") == "sound-on") { let myVideo = $('#video'); $('.sound').toggleClass('hide'); $('#soundon').toggleClass('active'); myVideo.prop('muted', false); } $('.sound').on('click', function() { let soundActivation = $(this).attr('data-sound'); Cookies.set("soundMode", soundActivation, { expires: 365 }); let myVideo = $('#video'); $('.sound').toggleClass('hide'); $('#soundon').toggleClass('active'); if ($('#soundon').hasClass('active')) { myVideo.prop('muted', false); } else { myVideo.prop('muted', true); } });

¡Gracias!