You customize the HTML player with data attributes, which are settings you add directly to your player's embed code. Data attributes give you control over the player's appearance and behavior beyond what the Embeddable Player Widget offers.
Note: These data attributes apply to the HTML player only. They are not supported by the iFrame or Standalone player. If you currently use an iFrame embed, switch to the HTML player to use these features.
Setting up the HTML player
To use the HTML player, add the following to your page.
In your <head> section:
<link href="https://web-player.art19.com/assets/current.css" media="screen" rel="stylesheet" type="text/css">At the end of your <body> section:
<script src="https://web-player.art19.com/assets/current.js" type="text/javascript"></script>Your player embed code (the <div> element) goes in the body of your page where you want the player to appear.
Removing the download button
To disable the download button, add data-download-enabled="false" to your player's <div> element.
<div class="art19-web-player awp-medium awp-theme-light-blue"
data-episode-id="YOUR_EPISODE_ID"
data-download-enabled="false">
</div>Important: Use data-download-enabled, not download-enabled. The data- prefix is required for the attribute to work.
Removing the share button
To hide the share button, add data-share-enabled="false" to your player's <div> element.
<div class="art19-web-player awp-medium awp-theme-light-blue"
data-episode-id="YOUR_EPISODE_ID"
data-share-enabled="false">
</div>Note: The data-share-enabled attribute is available on Artwork and Medium players only.
Removing the subscribe button
To hide the subscribe button, add data-subscribe-enabled="false" to your player's <div> element.
<div class="art19-web-player awp-medium awp-theme-light-blue"
data-series-id="YOUR_SERIES_ID"
data-subscribe-enabled="false">
</div>Note: The data-subscribe-enabled attribute is available on Artwork and Medium players only and applies at the series level.
Controlling ad-skip behavior
By default, listeners can skip advertisements in the player. To disable ad skipping, add data-ad-skip-enabled="false" to your player's <div> element.
<div class="art19-web-player awp-medium awp-theme-light-blue"
data-episode-id="YOUR_EPISODE_ID"
data-ad-skip-enabled="false">
</div>Note: Setting data-ad-skip-enabled="false" prevents listeners from skipping ads during playback. The default value is true (ad skipping enabled).
Combining multiple options
You can combine multiple data attributes in a single player element. For example, to remove the download, share, and subscribe buttons at once:
<div class="art19-web-player awp-medium awp-theme-light-blue"
data-episode-id="YOUR_EPISODE_ID"
data-download-enabled="false"
data-share-enabled="false"
data-subscribe-enabled="false">
</div>Troubleshooting
Attributes not working? Confirm you are using the HTML player, not the iFrame player. These data attributes are not supported in iFrame embeds.
Styles looking off? Your website's existing CSS may override ART19 player styles. We try to prevent our web-player styles from being overridden, but a conflicting stylesheet can still cause display issues. Check with your web developer to rule out conflicting styles first. If the issue persists, contact ART19 Support.
Need more help? The full list of player configuration options is on the ART19 developers site.
All ART19 players are responsive and mobile-friendly, so the layout changes with the screen size.
See also: ART19 Embeddable Players · How do I embed an iFrame, Standalone, or oEmbed player? · How do I customize my player's colors?