Adding the embedded player to external websites and blogs

Adding an embedded player featuring your show or episodes into your official site keeps all your content in one place. You can direct your listeners to your own page, but still have your hosting, play counts, and more taken care of by Spreaker.

There are two ways to embed a player into your website, whether you are the content owner or not.

From an episode or show page

Click on Embed on either a show or episode page. You can also click on the share icon, located on the website player at the bottom of the page.

Show_page500.png

If you're not the content owner, a window will pop up where you can set up the embedded player's setting options:

  • Full-Photo Background: if enabled, the episode (or show) image will be displayed in the player's background.
  • Player Theme: the embedded player currently supports two color palettes, light and dark. Set it to the one that better fits your website.
  • Player Height: opt to either keep the embedded player at its current size, or make it smaller or bigger by adjusting the pixel number.
  • Play Automatically: choose whether or not you want the episode to be played automatically as soon as your page has loaded.

Embedded_Player_Show500.png

When you share a show's embedded player, it will be set to automatically update with the latest episode you published from that particular show. However, when you share a single episode's player, it will play only that particular episode. In both cases, live episodes will also stream through the embedded player.
Lastly, copy and paste the code provided into your website. If you have a WordPress page, then click on "WordPress?", and copy and paste the new code provided. Just make sure to download the WordPress plugin beforehand.

From the CMS

If you're the content owner, clicking the Embed button from your show and episode page will redirect you directly to the CMS.

From there, you’ll be able to customize a few more options other than the full-photo background, theme, height, and auto-play:

  • Content: you can set the player to play a specific episode, and enable auto-play for both recorded and live episodes.
  • Playlist: allows all the episodes of your show to play in a continuous stream, one after the other.
  • Chapter images: choose whether or not to display chapter images during playback.

Lastly, copy and paste the code provided into your website. If you have a WordPress page, then click on "WordPress?", and copy and paste the new code provided. Just make sure to download the WordPress plugin beforehand.


Embedded_Player_CMS500.png

If you’re comfortable with editing code, check out the useful tips on how to further customize your player here. For example, you can create an embedded player for your account by substituting the episode_id or show_id parameters with the user_id parameter, or employ the JS API and customize the player so that, with the SEEK method, it will start playing at a specific time during your episode.

Embedding into a Wordpress.com website

If you want to embed the player into a free WordPress.com website, you don't need the Spreaker Wordpress Plugin and can simply use the pattern you see here:

[embed height="500"]https://www.spreaker.com/user/username[/embed]

You can simply paste the code into the blog post body. Once your article will be published, the player will show up right where you inserted the code.