Embed code

Add the sermon player to any page

Paste both blocks into a custom HTML / code block on your landing page. The first shows the player; the second resizes the frame automatically as sermons are added.

1. Iframe

<iframe
  id="gracepoint-sermons"
  src="https://sermons.gracepointvaldosta.com/embed/sermons"
  title="GracePoint Sermons"
  style="width:100%;border:0;overflow:hidden"
  height="600"
  scrolling="no"
  loading="lazy"
></iframe>

2. Auto-resize listener

<script>
  window.addEventListener('message', function (event) {
    if (!event.data || event.data.type !== 'sermon-embed-height') return;
    var frame = document.getElementById('gracepoint-sermons');
    if (frame && event.data.height) {
      frame.style.height = event.data.height + 'px';
    }
  });
</script>

Preview the player directly at https://sermons.gracepointvaldosta.com/embed/sermons.