¡Hola a todos, gracias de antemano por cualquier ayuda que pueda recibir!
Estoy usando el tema DIVI en WordPress. Tengo un video de fondo que se reproduce automáticamente y un botón personalizado para silenciar/activar el sonido que estoy usando jQuery para alternar. Mi código parece ser el mismo que el de otras preguntas aquí y está silenciando/reactivando bien, pero el audio parece no estar sincronizado. El video se reproduce automáticamente, pero el audio parece comenzar desde el principio cuando presiono el botón de silenciar/activar el sonido y no comienza en el mismo punto en el que se reproduce el video.
jQuery('.services-bgvideo-audiobutton').click(function(){ var currentAudioTime; var currentVideoTime; if( $("video").prop('muted') ) { $("video").prop('muted', false); jQuery('.services-bgvideo-audiobutton').removeClass('videomuted'); jQuery('.services-bgvideo-audiobutton').addClass('videonotmuted'); } else { $("video").prop('muted', true); jQuery('.services-bgvideo-audiobutton').removeClass('videonotmuted'); jQuery('.services-bgvideo-audiobutton').addClass('videomuted'); } currentAudioTime = jQuery('video').get(0).currentTime; console.log(currentAudioTime); console.log($("video").prop('muted')) });Aquí hay un enlace a la página en cuestión (es la segunda sección, justo debajo): https://vpscanada.com/test-services/
Aquí hay un enlace al video en cuestión para que pueda ver que el audio está correctamente sincronizado: https://vpscanada.com/wp-content/uploads/2022/01/services-bg-video-behindscroll2.mp4
Como solución alternativa/último recurso si nadie más puede resolver esto, puedo exportar el audio del video y crear un elemento de audio separado. Luego, cuando se hace clic en el botón, puedo obtener la marca de tiempo del video, establecer la marca de tiempo para el elemento de audio y luego reproducir el elemento de audio. Por supuesto que preferiría no tener que hacer eso.