4

Cómo reproducir con un botón y otro botón para detener un audio que está dentro de un <iframe> en HTML5.

Intente esto pero nada

function silenciar() {
    var x = document.getElementById("iframe");
    var y = x.contentWindow;
    y.document.getElementById("audio").muted = true;
}
3
  • El iframe tiene id="iframe" ?
    – Klaimmore
    Commented el 19 abr. 2018 a las 4:12
  • no, lo puse a manera de ejemplo Commented el 19 abr. 2018 a las 4:24
  • @ShwanNicolasSerranoAriza No funciona? ¿ Muestra algún error? , recuerde que el contenido del iframe y de la página donde se inserta y desea manipular deben estar en el mismo servidor.
    – Dev. Joel
    Commented el 19 abr. 2018 a las 6:55

1 respuesta 1

3

Primero deberemos crear los botones en HTML:

<button onclick="playAudio()" type="button">Reproducir</button>
<button onclick="pauseAudio()" type="button">Pausar</button>

Después, en JavaScript deberemos obtener el elemento audio dentro del iframe correspondiente y definir las funciones para reproducir y pausar:

var iframe = document.getElementById("iframe");
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
var audio = iframeDoc.getElementById("audio");

function playAudio() { 
    audio.play(); 
} 

function pauseAudio() { 
    audio.pause(); 
} 

Puedes echarle un ojo a documentación relacionada con tu pregunta:

Cómo obtener elementos dentro de un iframe en este enlace y cómo gestionar un elemento de audio en este otro.

Recuerda, como te comenta Dev. Joel, que el iframe debe estar bajo el mismo dominio, si no no podrás acceder a su contenido interno (Cross-site scripting). Espero haberte ayudado a solucionar tu problema.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.