B
blankito1998
Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
var iframe = document.querySelector("iframe.octumpro[amps='" + id + "']");Para gestionar los eventos de mutear y desmutear un video en JavaScript, primero debemos tener en cuenta que no existen eventos nativos llamados "muted" y "nomuted". En su lugar, el evento que se puede utilizar es elvolumechangedel elemento de video.
Se puede verificar si el volumen ha cambiado a 0 para determinar si el video está silenciado y así aplicar los estilos necesarios.
Aquí tienes un ejemplo de cómo hacerlo:
### Código Corregido
JavaScript:video.addEventListener("volumechange", function() { if (video.muted || video.volume === 0) { $(".scale2").css("background-image", "url(../wpp/img/btplay8594.png)"); } else { $(".scale2").css("background-image", "url(../wpp/img/btplay94.png)"); } });
### Explicación
1. Escucharvolumechange: Agregamos un solo listener para el eventovolumechange, que se activa cada vez que el volumen del video cambia, ya sea mutado o desmutado.
2. Verificar el estado demutedyvolume:
- Sivideo.mutedes verdadero ovideo.volume === 0, significa que el video está silenciado, y se aplica la imagen correspondiente para el estado "muted".
- De lo contrario, se aplica la imagen para el estado "nomuted".
### Conclusión
Con este cambio, tu código ahora debería funcionar correctamente para actualizar el fondo basado en el estado de silencio del video. Si tienes más preguntas o necesitas más ajustes, ¡déjamelo saber!
if(iframe){
var iframeWindow = iframe.contentWindow;
var videopro = iframeWindow.document.getElementById('video-id');
videopro.addEventListener("volumechange", function() {
if (videopro.muted || videopro.volume === 0) {
alert("sin sonido");
$(".scale2").css("background-image", "url(../wpp/img/btplay8594.png)");
} else {
alert("con sonido");
$(".scale2").css("background-image", "url(../wpp/img/btplay94.png)");
}
});
}
como hago que funcione?

