The fully customizable ART19 Embeddable player gives you many options for presenting your content and can be fully integrated with your site using our API. You can choose to display one or all of your episodes as well as select from three player designs. To learn more about customization options for our player and API, check out http://art19.com/developers.
Our Players
We offer a few different ways to embed our players. Our HTML player is most recommended. It requires importing our CSS and JavaScript but also offers the most customization. iFrame or Stand Alone players just require a single line of HTML. oEmbed uses the URL to the public episode or series page to embed the player.
Where To Find Our Player
You can find the Embeddable Player Widget on your Series Details page as well as each episode's Details page. From here you will be able to customize your player and copy the embed code for placement on a website.
You can easily incorporate the embeddable player into your site and socials. Select from HTML, if rame, or standalone code, and then copy the code that populates the box.
Player Types
There are three different kinds of ART19 Embeddable Players that you can choose from:
Medium Player
The Medium (or Standard) player displays the the Series or Episode artwork on the the left, a waveform that represents the listener's current position in the episode, and quick links to share, subscribe to the series, or download the episode.
Micro Player
The Micro player has a slimmer profile, a simplified navigation bar, and does not display artwork or offer any quick links beyond download.
Artwork Player
The Artwork player displays the Series or Episode artwork in a square player. Hovering your cursor over the player will display a larger navigation bar as well as the Share, Subscribe, & Download buttons.
Embeddable Players Widget
The Embeddable Players Widget shows you a non-playable version of your player for you to preview. You can switch between each of the players by clicking the corresponding radio buttons in the Embeddable Player Widget. Updating the player type will update the code that will be copied and pasted into a website, but it will not change any players that have already been embedded.
Player Customization
Along with changing the player type you are allowed some control over the colors displayed in the player.
Updating the Background Color will update the background of the Medium & Micro players and the top portion of the Artwork player. You have the option of choosing Dark Blue, White, or Light Gray.
Updating the Primary Color will change the color of the navigation bar, the volume control, and on the Standard Player the play button. You have the option of choosing Light Blue, Green, or Orange as well as choosing a custom color through the Color Picker.
Advanced HTML Player Customization
If you want to customize the player beyond what is available in the Embeddable Player Widget, you have some further options by manually updating the embed code provided to you.
More information can be found in the Web Players section of the ART19 developers site.
Series & Episode Players
ART19 offers players at both the Series and Episode level. This means that you can embed a player for a specific episode or for the series as a whole.
The major difference is that the series player allows you to display either the most recent episode or a playlist of several episodes.
The settings for the series and episode embeddable player can be found on the Series Details page or each individual Episode Details page.
HTML, iFrame, & Standalone Players
HTML Players
Placing the HTML embed player on a website requires two lines of code to be placed within the page's HTML code:
- Import our stylesheet by adding the code below inside the <head> section of your <html> page.
<link rel="stylesheet" type="text/css" href="https://web-player.art19.com/assets/current.css">
- Import our script by adding this code at the end inside the <body> of your page.
<script type="text/javascript" src="https://web-player.art19.com/assets/current.js"></script>
CSS Overrides
We try our best to make sure our web-player styles are not overridden by other styles, but there is still a chance they will be overridden. If you find a design problem when embedding our players, please check with your web developer first to see if your website styles are causing an override. If the issue persists, let us know—we will be glad to help.
Responsive Players
All of our players are responsive and mobile-friendly, so the layout will change depending on the screen size.
iFrame & Standalone Player
The simplest way to generate the code to embed for an iFrame or Standalone player is to sign in to your ART19 Series profile and copy the generated code from our embeddable player widget in series or episode detail page.
oEmbed Player
ART19 is an oEmbed provider and Player.js provider through Embedly.
An episode player can be embedded using the episode public page link, which can be found in the Episode page. To generate the link manually, replace SLUG with your series slug and EPISODE_ID with your episode ID:
https://www.art19.com/shows/demo/episodes/29616c73-969f-40fd-85cf-9cedece17b74