Tengo un podcast de Apple incrustado en mi página en el que necesito agregar un código para el etiquetado de análisis basado en clics en los botones de reproducción y pausa . Logré esto para la inserción de Spotify usando su API iFrame, sin embargo, los podcasts de Apple no parecen tener uno.

Como solución, estoy tratando de encontrar una manera de acceder a los botones de reproducción y pausa dentro del iFrame y activar un evento de clic y agregar el código. Debido a la política de dominios cruzados, el siguiente código no devuelve nada:

 this.iframeAppleWidget = this.$el.find('iframe'); console.log(this.iframeAppleWidget[0].contentWindow.document); // Empty

Mi código HTML se ve así:

 <iframe class="apple-podcast-small" title="Test Podcast" style="margin: 0 auto; display: block;" src="https://embed.podcasts.apple.com/us/podcast/how-to-learn-web-development-skills/id1412209136?i=1000554938051&amp;itsct=podcast_box_player&amp;itscg=30200&amp;ls=1&amp;theme=auto" width="80%" height="166" frameborder="no" scrolling="no"></iframe>

Estoy tratando de agregar un detector de eventos de clic a un elemento de botón dentro del #document (iFrame DOM) y agregar algo de código.

Después de investigar mucho, encontré Window.postMessage() como una solución sugerida; sin embargo, no estoy seguro de si puede ayudar, ya que no estoy tratando de enviar ningún mensaje de una ventana a otra.

¿Podría por favor señalarme en la dirección correcta?