Android Styling Guide (Android)


The JWP Android SDK enables you to customize many components of the JWP player UI. The sections below describe, in detail, common use cases for styling the JWP player and how to accomplish each styling update, step-by-step.

πŸ“˜

While there are many options described below that allow for simple customization of the existing player UI, broad or fundamental changes would most often best be handled by a custom UI. You can accomplish this by building your own View and adding it to the JWPlayerView.



Requirements

You must use JWP SDK 4.5.0 and above.



Best Practice App

You can find a best practice app that styles the player UI here for inspiration and a working example.



Viewing the default JWP resource definitions

In certain scenarios, it is helpful to have access to the original design resources for reference, such as reviewing the default style definitions so you know what properties you must also use in your style definition. You may also want to locate what’s defined in the drawables used so you can either customize the color or replace the drawable with something similar.


Accessing resources when using the AAR

  1. Open Android Studio.
  2. Go to the location in the project where the .aar files exist (for example, ex. app/libs)
  3. Double click the jwplayer-core module, you should now see the contents of the module.
  4. Expand the res/values folder and click values.xml.
  5. You now have access to the original style definitions used in the SDK.

Accessing resources when using Maven

  1. Open Android Studio.
  2. In the project view, expand External Libraries.
  3. Scroll to the jwplayer-core module.
  4. Expand the jwplayer-core module and navigate to res/values.
  5. Double click values.xml.
  6. You now have access to the original style definitions used in the SDK.


Configuring the UI

Hiding UI Elements

There are two ways to hide UI Elements:

  • Use the UiConfig to hide an entire class of UI elements (for example, hide NextUpView)
  • Overwrite the style to hide individual UI elements (for example, hide Fullscreen icon)

Hide views with UiConfig

To hide the NextUpView, load the following UiConfig into the PlayerConfig:

UiConfig uiConfig = new UiConfig.Builder()
       .displayAllControls()
       .hide(UiGroup.NEXT_UP)
       .build();
PlayerConfig config = new PlayerConfig.Builder()
       .uiConfig(uiConfig)
       .build();

Hide views with style resources

To hide the Fullscreen icon in the ControlbarView, add this style to your app's styles.xml. Setting a height and width of 0 ensures the UI element remains hidden even when the ViewModel instructs it to be visible.

πŸ“˜

When overwriting the style defined by the SDK with your own, you remove all of the style properties defined by the SDK. Therefore you may need to add some of the defaults back.

<style name="JWIcon.ControlbarFullscreen">
   <item name="android:layout_height">0dp</item>
   <item name="android:layout_width">0dp</item>
</style>


Changing Icons

To change the icon used in certain UI elements you can overwrite the drawable resource, ex. ic_jw_next.

Change icon with drawable resources

To change the icon for ic_jw_next, create an xml resource in the drawables folder of your app, name it ic_jw_next and place the desired icon resource within it.

<vector xmlns:android="http://schemas.android.com/apk/res/android"
       android:width="24dp"
       android:height="24dp"
       android:viewportWidth="24.0"
       android:viewportHeight="24.0">
   <path
       android:fillColor="#FF000000"
       android:pathData="M6,18l8.5,-6L6,6v12zM16,6v12h2V6h-2z"/>
</vector>


Changing Colors

To change the colors used in certain UI elements you can:

  • Overwrite the colors resource (for example, jw_icons_active)
  • Overwrite the style to change the property (for example, android:textColor)

Change color with color resources

To change the icon for jw_icons_active, add a color in your app's colors.xml and name it jw_icons_active.

<color name="jw_icons_active">#A7EDA2</color>



Change color with style resources

To change the text color of the current position timestamp in the control bar, add the style to your app's styles.xml.

πŸ“˜

When overwriting the style defined by the SDK with your own, you remove all of the style properties defined by the SDK. Therefore you may need to add some of the defaults back.


<style name="JWText.ControlbarPosition">
   <item name="android:layout_height">wrap_content</item>
   <item name="android:layout_width">wrap_content</item>
   <item name="android:textColor">#A7EDA2</item>
</style>


Changing Backgrounds

To change the background used in certain UI elements you can:

  • Overwrite the drawable resource (for example, bg_jw_menu)
  • Overwrite the style to change the property (for example, android:background)

Change background with drawable resources

To change the background for all menus, add a drawable in your app's drawable folder and name it bg_jw_menu.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle">
   <solid android:color="#A7EDA2" />
   <corners
       android:bottomLeftRadius="0dp"
       android:bottomRightRadius="0dp"
       android:topLeftRadius="10dp"
       android:topRightRadius="10dp" />
</shape>

Change background with style resources

To change the background of the Casting Menu specifically, add the style to your app's styles.xml.

πŸ“˜

When overwriting the style defined by the SDK with your own, you remove all of the style properties defined by the SDK. Therefore you may need to add some of the defaults back.

<style name="JWView.Menu.Cast">
   <item name="android:background">#A7EDA2</item>
</style>

Changing Text

To change the text used in certain UI elements, you can overwrite the string resource (for example, jwplayer_next_up_countdown)

Change text with string resources

To change the Learn More text shown during a VAST ad, add a string in your app's strings.xml and name it jwplayer_learn_more.

<string name="jwplayer_learn_more">Click Me!!!</string>



Changing the size of UI Elements

To change the size of certain UI elements you can:

  • Overwrite the dimen resource (for example, jw_large_icon)
  • Overwrite the style to change the property (for example, android:layout_height)

Change size with dimen resources

To change the size of all of the main center controls, add a dimen in your app's dimens.xml and name it jw_large_icon.

<dimen name="jw_large_icon">80dp</dimen>

Change size with style resources

To change the size of the center combo box in CenterControlsView containing the Play/Pause/Buffer/Repeat Icon but not the other main controls, add the style to your app's styles.xml.

<style name="JWContainer.CenterControlsCombo">
   <item name="android:layout_width">100dp</item>
   <item name="android:layout_height">100dp</item>
</style>


UI Styling Reference

Controls

845

UiGroup.CENTER_CONTROLS

CenterControlsView


Icon Resource Name Colors Dimens Style Description
Center Controls @drawable/bg_jw_center_controls @color/jw_controls_overlay N/A JWView.CenterControls The CenterControls background
Play @drawable/ic_jw_play @color/jw_icons_active @color/jw_icons_tint @dimen/jw_large_icon JWIcon.CenterControlsPlay Play icon, shown when the player is Paused or Idle
Pause @drawable/ic_jw_pause @color/jw_icons_active @color/jw_icons_tint @dimen/jw_large_icon JWIcon.CenterControlsPause Pause icon, shown when the player is Playing
Buffer @drawable/ic_jw_buffer @color/jw_buffer_start @color/jw_buffer_end @dimen/jw_large_icon JWIcon.CenterControlsBuffer Buffer spinner, shown when the player is Buffering
Replay @drawable/ic_jw_replay @color/jw_icons_active @color/jw_icons_tint @dimen/jw_large_icon JWIcon.CenterControlsRepeat Replay icon, shown when the player has completed playback
Rewind 15 @drawable/ic_jw_rewind_15 @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_large_icon JWIcon.CenterControlsRewind Rewind 15 seconds icon, shown when the player is playing seekable content
Fast Forward 15 @drawable/ic_jw_fast_forward_15 @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_large_icon JWIcon.CenterControlsForward Fast Forward 15 seconds icon, shown when the player is playing seekable content
Next @drawable/ic_jw_next @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_large_icon JWIcon.CenterControlsNext Next playlist item icon, shown when the player has a playlist loaded
Cast Off @drawable/ic_jw_cast_off @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.CenterControlsCast Cast icon (standby), shown when the player is configured with the cast module.
Cast On @drawable/ic_jw_cast_on @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.CenterControlsCast Cast icon (casting), shown when the player is actively casting media.
PiP On @drawable/ic_jw_pip @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.CenterControlsPip PiP icon, shown when the system supports PiP
Close @drawable/ic_jw_close @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.CenterControlsClose Close icon, shown when the player is in fullscreen mode. Clicking it exits fullscreen
Fullscreen On @drawable/ic_jw_enter_fullscreen @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.CenterControlsFullscreen Enter fullscreen icon, shown when the player is not in fullscreen
Fullscreen off @drawable/ic_jw_exit_fullscreen @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.CenterControlsFullscreen Exit fullscreen icon, shown when the player is in fullscreen
title N/A @color/jw_labels_primary N/A JWText.CenterControlsTitle Displays the title of the current playlist item
description N/A @color/jw_labels_primary N/A JWText.CenterControlsDescription Displays the description of the current playlist item

Shown when the player is actively interacting with a cast device.


338

Connecting to {device} HUD, shown when the player is trying to connect to the cast device

254

Playing on {device} HUD, shown when the player is actively casting to the device

332

Unable to connect to {device} HUD, shown when the player could not connect the cast device


Icon Resource Name Colors Dimens Style Description
@drawable/bg_jw_cast_connecting @color/jw_fill_primary N/A JWContainer.CenterControlsCastIndicator The background resource for the casting HUD when Connecting to the device
@string/jwplayer_cast_connecting_to @color/jw_labels_primary N/A JWText.CenterControlsCastStatus The string resource used for the casting HUD when Connecting to the device
@drawable/bg_jw_cast_ready @color/jw_labels_primary N/A JWContainer.CenterControlsCastIndicator The background resource for the casting HUD when actively playing on the cast device
@string/jwplayer_cast_playing_on @color/jw_surface_secondary N/A JWText.CenterControlsCastStatus The string resource used for the casting HUD when actively playing on the cast device
@drawable/bg_jw_cast_ready @color/jw_labels_primary N/A JWContainer.CenterControlsCastIndicator The background resource for the casting HUD when the player is unable to connect to the cast device
yJjN3FCvFJW7wtCmWOi6dX6up7yVQTFROWD_gAmXiRY6_URYBwUgcw8k4i_mUqj7iKQOoLsZTu-K73DuU6hWcOKwjQ7LvO9jrrCejaweXsgxdh2tl8UZ1ZJQ8D7DSkXTx7efp4vm @string/jwplayer_cast_unable_to_connect_to @color/jw_surface_secondary N/A JWText.CenterControlsCastStatus The string resource used for the casting HUD when unable to connect to the cast device

832

UiGroup.CONTROLBAR
ControlbarView


Icon Resource Name Colors Dimens Style Description
qonKRMhNigclllvqah0NaU3a2p6k56QN0oKpM2f6XYQjhcmh3eXyjSzNL9_PzYMx1L-PPP_W8B5OZIpHYPodjVJLh2w_KoZGwfcTq7dC9KdHwJrctp2B5ngePEN2d3xIr1Fd_Io2 @drawable/bg_jw_controlbar_contrast_gradient @color/jw_transparent @color/jw_controlbar_gradient_dark N/A JWView.Controlbar The Controlbar background
FiufjuCpQAP0NfeOkuvz4efJcogwli-ZTWTYicDYJshw8bl9VhwuWjSC0-7Hm__kDvWTGuUG26JoySwQlyL56lWdyssCY5ciBP285PGpKAYoUR4cbJJirWalFTppx13fO4u3S7Cl @drawable/bg_jw_controlbar_rates @color/jw_fill_primary @dimen/jw_icon @dimen/jw_text_medium JWText.ControlbarRate Playback speed indicator, shown when the player is playing content at a speed other that 1x
Timecode N/A @color/jw_labels_primary @dimen/jw_text_medium JWText.ControlbarPosition Current playback position timestamp
lFX4pMcCgOkpoHDeZRPZyRuwfn_rNFqmU0xxxhG_kkj4zw5ebY5BTbCGVYI9SV6D-2tjSKkGMZstNHOSfCQnpTOY2JiIraOv4VHkrvhoTby0wvEPADBkVNuwFPQxEWATysNXuZu- @string/jwplayer_control_bar_timer_delimiter @color/jw_surface_secondary @dimen/jw_text_medium JWText.ControlbarPositionDivider Separator between position and duration
E1voB3wis09wGEw19GbuWOVx7wveDSlJySl-wLQaqviExifnWUVcMz1NGvsYcN5grs_0-nl8uHGr2v_EUGaKDsyvARtslK7SKWLhliMgbe5c0qyFJd8PLWvOWRnneZ0oOD2iPFmU N/A @color/jw_labels_secondary @dimen/jw_text_medium JWText.ControlbarDuration Current video's duration
mOi8C_MsvJ32Gj0YaRj40ipB2qGHtm3s-fyxZljYcnRYQDT6GRviQM4l7reNl3nREnKjnoIpnhbkFJigfalJJC4IfIshiJZrktgSHQ0rLA0LEMQdiqmvfwU_eIS51UmwsEs7CfBW @string/jwplayer_dot_separator @color/jw_surface_secondary @dimen/jw_text_medium JWText.ControlbarChaptersDivider Separator between duration and chapter
uWfeyl74BhWPn5hpbKmon11hnBQRPmtnO77YrjqIzGDMsbNiK9c-KA77Zm2hVw4szVSpYH7_duuKx1MI1jjK7kD52BbsXbde_6jO8DOtez8CNf3NOdLVYSx6p9FyTfsSaXn7v21I N/A @color/jw_labels_primary @dimen/jw_text_medium JWText.ControlbarChaptersTitle Name of the current chapter. Tapping on this will open the Chapters menu
wI4IQpCdjix1ieP6otQJJDeWBGp2fXxyPep0eguaJM742SV8-SG3V8nvY7sVZT-7bgK63_PoKut7lC6t1FMURboOrOuIi3IoCvRahLe1mdR209Um6YdulCpfzsNemWWWCM4SFKu6 @string/jwplayer_arrow_indicator @color/jw_labels_secondary @dimen/jw_text_medium JWText.ControlbarChaptersIndicator Indicator to show that more chapters exist
qI9atvg19thC_j6R0nP323HHzel8nQzHgh2jCKBqUBlQhrspUdohqswo2N0T6msx5qDpeNi8s93uITIoPbgqNAiilsu7hvayVucK3D_8MMThUxdNiZYqtdE0UErjJRBeQsxe2PHl @drawable/ic_jw_captions_off @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_icon JWIcon.ControlbarCaptions Closed captions toggle. Tapping this will toggle captions if only one track exists or open the captions menu if more exist. This icon indicates that the captions are off
sSfEQfA4y792TYZCXr_6hlLyeCRH05LKgiRmXXOA24lTUbJQXtBSUG-fId3Ct78mLjPPbjrra-ExBe0nDg3vm-GgsWJV-_tjMRLHYmCJtxTz2TfkKr3anNCRHcNJuRZlgSu7o3he @drawable/ic_jw_captions_on @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_icon JWIcon.ControlbarCaptions This icon indicates that the captions are on
erlHgqIqUieztikwunGtUJVByJFeHgHMHz98-w-es6ihHoQaPCTRxkqrI4sl4_jJKviuGEhU_A9qNZg6L7cmPTIWyBEIJE1iOy1frP4g1nLkMWC0BO5ZuR_Rw9JFKwjgClM3TSIS @drawable/ic_jw_more_videos @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_icon JWIcon.ControlbarPlaylist Playlist icon, tapping this opens the playlist view
XUBLxCd71gbt6kTrVxqzwTpQqab0y4VOTBkxuIKkWNTtxXkWpHqNvmaikMW5LJ73RnmuJ9ETiRm9_fg5bJOUTsqEjbLnTMOi23xloFj15dctKNw6-yfy6AhSl-W65bbe8BIfyvtA @drawable/ic_jw_enter_fullscreen @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_icon JWIcon.ControlbarFullscreen Enter fullscreen icon, tapping this puts the player in fullscreen
JxhNr9h25Irq5lljlgUqijzcnKC7yFiohRGIx4i5IJPhE7Pcs1nqTnM_IcKMwWULb69sRZa3CyapMquPixYhKZFj1qzwMUh8RBTMbUBvts4wTnGR6AE7MlhfXvgjFVyqdC90D7c8 @drawable/ic_jw_exit_fullscreen @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_icon JWIcon.ControlbarFullscreen Exit fullscreen icon, tapping this takes the player out of fullscreen
MomJWAslXP_wN6kDb11FXRQc9XPianZuzOxhSweBBEwEiuBxGulqCoZTspu-JGTLcEQLeBoW9vj9ykKy4xOhDD7zqaq0LOMTe1mrMhFmEap3w_P8uby6CkWjaXjnRwHf5Ad_QtWU @drawable/ic_jw_settings @color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint @dimen/jw_icon JWIcon.ControlbarMenu Settings icon, tapping this opens the settings menu
5k8WgPEAmS4alIPCQahpQTNpJ0ooTMn6w60HSgr7nOVuVaU3Cg_fDGG14ZOFkJloLO5PepX3Ms_mCCbRI5y1Ihh0o8YqIyg8WpNxj6vTTJz-ITl4ce0r1iy4Bny0ZUApvyj3_i6g @string/jwplayer_live_broadcast @color/jw_labels_primary @dimen/jw_text_xsmall JWRadio.ControlbarLive Live Indicator
5k8WgPEAmS4alIPCQahpQTNpJ0ooTMn6w60HSgr7nOVuVaU3Cg_fDGG14ZOFkJloLO5PepX3Ms_mCCbRI5y1Ihh0o8YqIyg8WpNxj6vTTJz-ITl4ce0r1iy4Bny0ZUApvyj3_i6g @drawable/jw_controlbar_live_button @color/jw_live_indicator_checked @color/jw_live_indicator_unchecked N/A JWRadio.ControlbarLive Live Indicator
r7F9NiZ5T1TUrWQPy1ky44QS3EJj1uCZrKFyDUSnxMUcrYAaAm_0GQvcvREZcmiKjF04ZXkSb5e8WdKw8b5Zsch5mYti_Y8O46gUfAnesrqwAxjD3UHyPU5rm4dv9P2iQHaa5liB N/A N/A N/A JWControlbarSeek Timeslider
WgDPTCqhiGsyc0HXUy8NOrfrs0Icv00vQ_BZlSFRmJxr_NFRixaENWiRO1TayfrQrv_E6PI1p8LF3LoA-QsFeJk79HN-Si2VsMpeLBaQNVVR2eSLxcCtdsbVspithDRUBj7asdFt N/A @color/jw_seekbar_progress @dimen/jw_seekbar_thickness JWControlbarSeek The current progress of the seekbar
5nKYzXkaU5fhkDPPNyzbuwrn51jcMIzvjLNTbBkbw-igi_DtF-xNE0WlcJwI9RPsAgHZ9ZWr8RUAmd8x-3p6I2lrppWKEi0e-8jPro5QMN59u98mJi6srlR_W4H7nQvpFTACapfq N/A @color/jw_seekbar_ads_marker @dimen/jw_seekbar_ad_width @dimen/jw_seekbar_thickness JWControlbarSeek Marker signifying an ad was scheduled in the timeline
NU-RfdhBIs5ljw197aP0pSW9Cijc68qjJW5HrHMrtAKARE4F1RqmiW9RKvVT7aHLXjNfcA3jK6DM9RM_YsuESXEMjGKKfcHi1t5USbrXTlXWSZqYXwVzNNCbSkrZXqid2cJRAVne N/A @color/jw_seekbar_chapter_marker @dimen/jw_seekbar_chapter_width @dimen/jw_seekbar_thickness JWControlbarSeek Marker signifying a chapter begins
hhHE3i2xDI_ax9iFLAYYvQc7gkjy629VgkpT5mJjaKZlsDyiod9Ap8rztldmfp582YLtCbzW8GYb730juvptNmyMP0n1JxOVBmBlFh2izoJ81ZzlqUnuqk9nm6Pjahf7FU1YkOsP N/A @color/jw_seekbar_chapter_highlight @dimen/jw_seekbar_thickness JWControlbarSeek Highlights the timeline between the start of the current chapter and the start of the next
Yvai2d-UVEavZweOxIAgCdYrAbSIdwCAlZ4tn-sXR12XyEcFmucBVEx2XH0cIKyL02pXjduDBnNuoum8FK_ArF9UlZ00iLVXjHgWpejm2CkNN-xyi97ZsstATSZtkaYk9aoFPGO1 @drawable/jw_controlbar_seek_thumb @color/jw_seekbar_thumb @dimen/jw_seekbar_thumb JWControlbarSeek The seekbar thumb
cF8bxwyKAA7XTMcHGN5DXuS5FWnIxJtu6J41-SHV1tNtutH2DVJ_YdDlbTAyyLDK7BiKGYr6ID8zdYx1AQddrwOhBMig5lsoHR5F84b8ZZanpKvSQxI52z4Xo2SUQXuOs8B_viSM N/A @color/jw_seekbar_secondary_progress @dimen/jw_seekbar_thickness JWControlbarSeek The seekbar secondary progress, this indicates the amount of buffered video
cF8bxwyKAA7XTMcHGN5DXuS5FWnIxJtu6J41-SHV1tNtutH2DVJ_YdDlbTAyyLDK7BiKGYr6ID8zdYx1AQddrwOhBMig5lsoHR5F84b8ZZanpKvSQxI52z4Xo2SUQXuOs8B_viSM N/A @color/jw_seekbar_background @dimen/jw_seekbar_thickness JWControlbarSeek The seekbar background, this indicates the size of the seekbar
0E4nmwi4ajRYGbqKHlBYfgz5S4hxV_07pv6hHj441LjfKpoc_HhxYf4csORS5x4qBwGi-Qq4ktpw6CltAovgFwrnSqxeDbZys4CNY1Kmgpp_OWNUJtjF1OLN5M1RsImgJ2JbTLsG N/A @color/jw_fill_primary N/A JWImage.ControlbarThumbnailPreview JWRoundedImageView.ThumbnailPreview Thumbnail preview, updates the bitmap based on the position you are scrubbing.
Timecode N/A @color/jw_labels_primary @dimen/jw_text_medium JWText.ControlbarThumbnailTimestamp The position you are scrubbing to
1WWbuPCIILvtuC7bfQub36i_90-LmXQY8AMbQ1VzoCs_wzq7ahyfMSeFSCCBgRsF6sQ_jWBdXI8nLZb9A6kEjK9gNfn9d6Vgx9TZxWc-LFTgAC_C-haaaFFnbvq39j-cfaBtoeTu N/A @color/jw_labels_primary @dimen/jw_text_medium JWText.ControlbarThumbnailChapter The chapter you are scrubbing to

832

UiGroup.ADS_CONTROL
VastAdsView


Icon Resource Name Colors Dimens Style Description
CQXuLcShbktSYlcCBbg9Z-cWLyQIP4s-HRKzz4yPIrvgWc9yLJV4TP370XaSakVAKqzmXYVsIvYNX_Ob_FInwxwUbciuzss9K9XdhFsB4Sk5qxsl_57uzRMxDV0TXlBPxvPQnIks N/A @color/jw_controls_overlay N/A N/A The vast controls background
qwL9qh3NJOWEalfVd7TQ0Pt4uwOgKacHqsLHx_l3FdZ6sWC999djVo06tIK24ImGnVpisiHAutwOC23Q8JryPVl5J3T9XyJO9tgbdhPbbzjkb7Lgav4clqJzbKRc1bFIheBFahfB @drawable/ic_jw_play @color/jw_icons_active @color/jw_icons_tint @dimen/jw_large_icon JWIcon.VastPlay Play icon, tapping it resumes the ad
SWBQhwkFxqcQ8VwqB5hGXcU8LKN7wg7sExpk7LCZfaasLZ0GK4fY5aMSNJ3KSMHNFp1kCk2cKnbMBxE41SDg4YJRr0XDeBcXm20af0XGT7ovo2KGf0pVtSFdcqGoLd34vI6eWOaW @drawable/ic_jw_pause @color/jw_icons_active @color/jw_icons_tint @dimen/jw_large_icon JWIcon.VastPlay Pause icon, tapping it pauses the ad
YLGWKe1LN5BQkSbv2xLQCQTS09thJtqWomXuqme-9Tl_pTp64h91HvEMvOpVPCTtLtFOVTEOVheU3Veya6OiA74zaOKT67ce9R6Of0eVPOWqhRXc-2iVbMvSiI3p5xN4_04yfmGv @string/jwplayer_learn_more @color/jw_labels_primary @dimen/jw_text_large JWText.VastLearnMore Learn More button, tapping it redirects the user to the ad's clickthrough URL
Dc3ZfWyYskq7_V4epqST0Ru1jnW5LscVIZUZyHB3o1pjetyZQGXgGpRwmMVoTQxQ1gIzZ2kf712nZXEQORqVJiD4bEwUNdIJ-NlXNA6Hq-TAm0g7zrOR5hj3Xg4M3Sve0dFNPu91 @string/jwplayer_advertising_ad_x_of_y @string/jwplayer_advertising_remaining_time @color/jw_labels_primary @dimen/jw_text_small JWText.VastAdMessage Ad message, configurable via the string resources.
gV8SDAdn4SFh724kCAg16jzbouMMH8jfBul3RJqAgPGHbJrKMkyj5KPYzwf6SmFOnZHG3B_OsMMO551Q7A9Q6ROIQ-sJdW5szFxj-S-nB-ZAYkqkl-is8Ox0aMSaOVL9vqp8tGkV @drawable/jw_vast_seek_progress_drawable @color/jw_vast_progress @dimen/jw_seekbar_thickness VastProgress Ad progress
TUttU6BAeGFhmB7TE3IdY1xnqj2gdKoVV2AJ1LnXH2NrxlILgty6dX5rh7exVmJqbEGgxu0X_Vfnx2axvMZ3nw1lNuBijmV1N2wWyJuWTFBVPHQURBu9aq473EBiF_wIdEU1m7_7 @drawable/jw_vast_seek_progress_drawable @color/jw_seekbar_background @dimen/jw_seekbar_thickness VastProgress Progressbar background
QoGNC2W_WlbcgFrI4FzG33NlYz-xW61d6psZVrMHKpIXVfK7esmng0WafHMBo_2lXEYZBpA-4SNLSwxYDN4tBDVWu3dopK6JSjhOO2nZKO93Dpg8rFYXx2EQg1TEhO6rd_iL7nwY @drawable/bg_jw_vast_skip @drawable/ic_jw_skip @color/jw_surface_secondary_non_opaque @color/jw_icons_active @color/jw_labels_primary @dimen/jw_text_small JWText.VastSkip Skip button
yTfG3pOyECAkHycSbetNYRQZUaQp-JzwxIjHfp0ttlvsyaUCGDAi9EaCakoB97sO-vJzlboEU7hFeYbJCcI3mTCyRWe4JnGPWA3G5AjXzXub8LPl0dSAsFCGBR05A8ct0nbtNAYg @drawable/ic_jw_close @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.VastClose Exit fullscreen icon, shown when the player is in fullscreen, tapping it exits fullscreen
5fFpyK1HyneAE2QXwuhZw8KA4ytL-MPf0SKmSXeOyDLtvRQr6Y164A3HcNhL5QFgSYSqMJPaVuStN-O5Y29hriaqrvfDxkKhCUkLVBCW-fgXI_5wj8CpLY-Cif0SQPfkyrTmaEPW @drawable/ic_jw_pip @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.VastPip PiP icon, tapping it puts the player/activity in PiP mode
zLPC-4ZTMqRjWQxajHd18f4mXFWbG-lSRRQ1JP3ayljdKU6qoGsmsAyYFu8uDZp8xgJJTSQh__DYH5rKW6ZU31zoLhFJno1IoKHVRTkiV_iWKfpAfFo9-Fxtrk-suenV1SebbaSq @drawable/ic_jw_enter_fullscreen @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.VastFullscreen Enter fullscreen icon, shown when the player is not in fullscreen, tapping it enters fullscreen
Y9swPEEteHJL4bjGsL73IKxaTjtGntngYdz_IcuyHtHWP9m_Av8By3x3xLOW5GrCStviBdGzsWhnhkyN-Me6rWN8v9BU4HAck4_kN6yib_izntKA7KURbJPI50LQlaXRpwp_I4r6 @drawable/ic_jw_exit_fullscreen @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.VastFullscreen Exit fullscreen icon, shown when the player is in fullscreen, tapping it exits fullscreen

Menus

841

UiGroup.SETTINGS_MENU
MenuView


Icon Resource Name Colors Dimens Style Description
Ew6960PhZH14bCJ1F01agem7xDxW3PfxKwS-IhsZ5OtRXCyVYwtHIoRR28xz-ERnU-qSRkui_nhe_IC2JMseVO9P0WrU9mI3UcToJKpsw3UlGGjkqWxhOfM9ZU6N6ljdGOlA74rr @drawable/bg_jw_menu @color/jw_surface_secondary N/A JWView.Menu.Settings The menu background
d3uRS7MOsdHACamhpfRonucJ5e5xFzXpQLVd75GBKYwGGcuDHvY4Mmw_-gY7J3vYJ7y6JyY3Iv0fUbQzsVgEScoinMrpZiS5j0e_GAeUHNa3oOpUkmJ1xxbcm46kLVBTKv9AoQZc @drawable/ic_jw_captions_off @color/jw_icons_active @color/jw_icons_tint N/A JWIcon.MenuOption Icon for alternate audio and captions. Tapping this takes you to the Audio & Subtitles submenu
fGuQmBXOOW-wqKzw8BA7BSaBVVUzpVprRaZcUvi_gHQ_eEg3mttxvpaUD5HLKau0QBO1g5ZO2QDGsm4SOfKjSZDZZMf9qIkaUaKnw1A362zZQWbG6v62qh1o_fvEFGrU-A2_KiQP @string/jwplayer_audio_and_subtitles N/A @dimen/jw_text_xlarge JWText.MenuOptionLabel Label for the Audio & Subtitles submenu
3Qs6t6uxZ84NbNDQUs7uci2Ie07VUItc3Csrc4jMZioxv2NkqVEJWJt_YFAuqA2iiUCRsHLx412yrzVKBIKX_iPJGobkQP5oYa2KIxV1nzmm_8iQ6RK9gEjamwZl1mRiDfOj7zxv @drawable/ic_jw_play @color/jw_icons_active @color/jw_icons_tint N/A JWIcon.MenuOption Icon for playback speed. Tapping this takes you to the Playback speed submenu
QZ6i91fijy3c5C3UXD_73YXlwkw_YITgN4n1DYPJlbidPZsOC6zsAzMnGNO3rsf3nBmH9QeBECdODqUlVUM8NvqOnvMnInet4-Q1OBp67htgZX4-3CDeDJGdRiGrgBiFJQkGAb_m @string/jwplayer_playback_rates @color/jw_labels_primary @dimen/jw_text_xlarge JWText.MenuOptionLabel Label for the Playback Speed submenu
WGOveyr5wMw5bKkoL9T5PozcJWuHeSxtJoz_ca5_GbbR7F4x2DunBdyHOhCu_phK1SoAb3hxAZbdx_EFiqdY-vLc_4FtSbhCMnhusuDNZxNggcsM-pup5PEXFiPj6c4Bes_kt-Cq N/A @color/jw_labels_secondary @dimen/jw_text_xlarge JWText.MenuOptionValue Indicator showing the current Playback Speed
bIg0iF9M6bV_dqQ2kZkxeH-rROblMIii3lIAq1IrGzID4upGMFAPiOHvUsVzi8IlDb6N-o9KvgybnQ0GWDYjZvhtrxi_jev9Mi6Z07TGu1-GCghMqmRhE2PIbJyPqPRzSjJXO0LD @drawable/ic_jw_quality_100 @color/jw_icons_active @color/jw_icons_tint N/A JWIcon.MenuOption Icon for video quality. Tapping this takes you to the qualities submenu
aAz0NAcrvJ9w1EkLQNkYFJPCNK5-NeWBIrhyJrcTXNe4_hLuNILm1R-ygyWjg4eXulAPf8Q-pJ6sJadx_wO-Y8ZEPVTCSbMjMyPFJSa_BS1T9AC4FtnX0ZFA2sMxybj5bOgEWqDP @string/jwplayer_quality @color/jw_labels_primary @dimen/jw_text_xlarge JWText.MenuOptionLabel Label for the Quality submenu
ZRC5Wa0v--Wa5dkbCVgLmQZ6y-vaa7PWYw09rmLOJ-EOeiLehMFjJi9TF0Ercz4e8A-RHWyGf72HsIDpblE_jqmaajaKcPx9l6AUQbm_WWHNLaAeeLrrxSXvTejS1w5xNBqyqItK N/A @color/jw_labels_secondary @dimen/jw_text_xlarge JWText.MenuOptionValue Indicator showing the current Quality
3qwCdylbZ_7KgmOm9mb_I-QyUP7QFtlg50qIgj4ecnGDDgMVb1bV2CHzYgbjvTBxXigcg8QC1HlN5kKmuCaWlvyFbQIhGbTK6rXCuqkxu8cG3ojbgtTsKwHdk_SkHG_PnYxWjZvg N/A @color/jw_separator_non_opaque N/A JWHorizontalDivider.Menu Divider meant to divide the list from the close button
mWdwXil5y9p9AoY7aE7uZY7p5aTjUGwi5RPkOxL6S4J8YISzaRg-czvX71Aui3pIDZxISAnDlXV1wf7jZTyEnXarF2k64CMh0D4iVRSx_qB37WqZbSJcdm1Edegz5KEvYqjCieSN @string/jwplayer_close @color/jw_labels_primary @dimen/jw_text_xlarge @dimen/jw_icon JWText.MenuClose Close button

840

UiGroup.CHAPTERS
ChaptersView


Icon Resource Name Colors Dimens Style Description
XxqGjiTEvrn3dmQKn4yZhASs1CAomvTZQIBAmAoXe1YO6ztMoqTINmsmP-LkX1mtbc6UJd0pxfoacp5HK35fxDFC8B5zeMirozgDMAfjf3xsN-DcH6qAz68UIJpQHR2_QDG_xleN @drawable/bg_jw_menu @color/jw_surface_secondary N/A JWView.Menu.Chapters The menu background
fuZotOMX1evpG0gjZJULqzrYjrvjkBDwyXRFxK7Mjl5fOZVnhfatfHHkOxhSUTc3vOmWHBpXJKXLnEipOJT_glUHSJZqzY8uCmxUXg1iJCQayJJfZJ6OtlyQ9VvgOj9sb0h2-VWb N/A N/A @dimen/jw_icon JWImage.ChaptersItemPoster JWRoundedImageView.Chapters The thumbnail of the chapter. Derived from the chapters VTT file
_qa2zKp5uNssCeBJEvHpVittDVDKu0D_dcAomdiiEquBe9gsloaYCnpYynV2kTHky2dxIve9nJ2TqJwSF7qDka78hjocaXyjxzuPExKxqSDROsaNVe9VHlEG8kG1v2W35CslcgjG N/A @color/jw_labels_primary @dimen/jw_text_xlarge JWText.ChaptersItemTitle Name of the chapter
t7GAbO3-ilU25mq__Z63CmpzScRzJ8dzj29g45prZYIAAC_neQeCac1qtm_EcdgUKZ34uf-dFdrDmIYmx7xkgBT0cyA_C5QQMSs946-C9YLbPi7AiF2Bv5kZvUAuwqrNWMgisEVj N/A @color/jw_labels_secondary @dimen/jw_text_xxlarge JWText.ChaptersItemPosition Time the chapter begins
atnVUX5ze3vDMWEFyf4JIqeQC_unh_JCgtNaB6tIhMTbBTKixxX_K7MwZQ7lqfaIxorq0TCKK7NpMQMVEfKl6tqzV-CR5spPGU4qqO3Z-xtvEuU7OQestTygYhfAibFGB_9e8zAj N/A @color/jw_separator_non_opaque N/A JWHorizontalDivider.Chapters Divider meant to divide the list from the close button
EzFqLhqJjUM9x-2i-XOP2uNkcM8_yoBjKRoavVFj4Tdwhs-2blR2b2HzOt6WHRjV1htyTJ9XPe2A83PUzNGyjEDP7ZMag8IQyx9uMwlfeAV0S0LGQWRpudvXiR2I969g5E-g7d2Z @string/jwplayer_close @color/jw_labels_primary @dimen/jw_text_xlarge @dimen/jw_icon JWText.ChaptersClose Close button

Overlays

834

UiGroup.ERROR
ErrorView


Icon Resource Name Colors Dimens Style Description
jB89EmJszNPFpFQyvX7n-uZGIcBsL6C_2GbQFO576ng1CagktnQxzOKppneAYFfo3D40fg-Xiayp3gR45J-msHfCGv6EnEyw1uV80rCN8gscNI7hFSkqgpHYC9mTUjgL_2GQvWZF @drawable/bg_jw_error @color/jw_surface_primary N/A JWContainer.Error The error background
sepRHq5uoPjikRHIEZihPp-KmeCs9hnqcaxo7wsrZtlL2jy8KX9W3A2HrT9OqlHZYIYjuSDFEOU8H_AdpIVp6A5wE7MzwIGoyWYB2qtsXT9r-sXXgDBjpYF0uzcXRPDLIjqeyBUi @drawable/ic_jw_play @color/jw_icons_active @dimen/jw_large_icon JWImage.ErrorIcon Error indicator
jvD4Q58lozgiwcSgZCJYTvVutmdBO0UIo9qqJmWUld6pyKXz6BF3KXwYJN-R2aN-VozhPBQQebjpEXFPiwyYYjmdwY1lRQWjm06mB5kf0GGwm3h8hgATZfp3sjLOPB3YmmwuzSpD N/A @color/jw_labels_primary @dimen/jw_text_medium JWText.ErrorMessage Error message
ifv7TUEX7ztT12wLY2_x93jnKcEXOT_lb4W1NEiocGpxaQN4Z4G-tKrGxBipFum0ioWdIGzVSH015qj3KvE9Gf77a6lQyRXUd6AAIygSm3aRBVvmDc6en2c4QETIsY9VqwvV58Oa N/A @color/jw_labels_secondary @dimen/jw_text_xxsmall JWText.ErrorCode Error code

Playlists

832

UiGroup.PLAYLIST
PlaylistView


Icon Resource Name Colors Dimens Style Description
td-x55Fzyx_HRiGqEZ3S-w4t_CnE6RgD-5p5-72_HoNATYkKIJpoqt08y-BrsEODysIjdfJJeOX4rwYPXjAKY76kkaqzkVMd5iFMK59OdpH98s738KilMIGAVHbUv-90Sed2MGta @drawable/bg_jw_playlist @color/jw_surface_secondary N/A JWContainer.Playlist The playlist background
klcCbrw2iyo4eclltwNGleYbUxDj83-Z672vnSXIJp4RoXlS15C27ibvs2db4dYwXkhxNxIb60Qi793xc4MuShHdbLLLUCnXH3wny8ekq6UglNdRyX-tzlWRx_CCrYGdTj__AzNm @string/jwplayer_playlist @color/jw_labels_primary @dimen/jw_text_xxlarge JWText.PlaylistHeader Playlist heading, indicates that the items currently visible are part of a playlist
f7E4SAze2f1lNM5hBvVn2bSqZk-udVGrXfeQOSwIOUf1DZhGi1AhhpBl04STV-7-d-A2UTsFOGJjimO2gZa0RXdoqzw0OXi4e7QbSDDW9M31Ua6ZhSb-Vha96500NRm4eH9XsJmO @drawable/bg_jw_playlist_button_border @color/jw_fill_primary @dimen/jw_thin_border JWText.PlaylistResume Resume button border
S8FZ-l3VHporKdFpdDNyvCzPPiXxDNe4Li4kpz4bGZBUz5ljaRoHrkFRntwOKYobSx-l2XQO8yKhMaWKG8y_hemSDGyXM7DLlT-5dstsmPLkfOyLVQDWcK3BNkqDFIhsvVzAI5My @drawable/ic_jw_play @color/jw_icons_active N/A JWText.PlaylistResume Resume button Play icon
dRDdCpYyIbETMcpujxVi5uek_rh70h_8mXV8scC-A9z7JQye80G6MJGWThcue6N5rzzB1QzPI-kX_OCLUg_xJ3TsEFEhBG8eVcASn14RzRRo-n-C9TDmJG1bn7j8Bxhr75741Tsi @string/jwplayer_resume @color/jw_labels_primary @dimen/jw_text_medium JWText.PlaylistResume Resume button text resource
hMaOAvIuxSSpEPblffbQbUBXQkrbu647mTvkWdSqKguieiXxrQ36c9DphtgK02093WLlQz3cJztbDn17FWqr6e7Z5afk_-x5BoT7kdxePqjJeXcwucqKw0yRxhxVJIvQKm5Wmxm1 @drawable/bg_jw_playlist_button_border @color/jw_fill_primary @dimen/jw_thin_border JWText.PlaylistExitFullscreen Exit fullscreen button border
5_nYvxRA3HZ1DLu2Pt6_qLeMjmfIueOl3eUwQao2viwV1GMK2Hc6wRe0_mHFYYyfYO761Lxg6pdsMHKRgmLwpQzvrV-aX-kJcr8Rmfgx4QyG9h6iGOcshTffCOAc-IEqJADUkIJ3 @drawable/ic_jw_play @color/jw_icons_active N/A JWText.PlaylistExitFullscreen Exit fullscreen icon
ajTc9ESvKlkuTimbzskO4aBzlqYdvbhUgn016uKPoBTkaLxmPdBwEl9TvlKG5uHS54VLhMUKETxBEnxorKIuwyaAZ-7WHgVWU1cSmwjKi726Lmqb1-YKfpyYIYWdI-FOjyo47wJH @string/jwplayer_exit_fullscreen @color/jw_labels_primary @dimen/jw_text_medium JWText.PlaylistExitFullscreen Exit Fullscreen text resource
qdVp9ApFs7pt0eUpRLJn5ReasVvs7BDy2tXdxcFbJMp0Tcd39CxT4clQwTx5OH0o3ovI71Z86O57dAGjOZsY1GUEWNizrYMrxrsIGcGuqwudgp1rYANufzStTQAfNR-l7pxE1L0g N/A @color/jw_fill_primary N/A JWImage.PlaylistItemPoster JWRoundedImageView.Playlist The playlist item's poster image as defined by the metadata provided to the player
bfC_yjUc2_BcT7WHZBn_JlF9Ub2Cfz33mX_dhWqsMEQyrOPlpo6dqn_RlgqMnqneuzOUMX3jN_z1CqwODfEmz4hGAwss-B3l2eyXGNHNMh4eYhy-7HVQYSiVek0vsH0Kd2-0xEdS @string/jwplayer_just_watched @drawable/bg_jw_playlist_item_poster_overlay @color/jw_labels_primary @dimen/jw_text_medium JWText.PlaylistItemWatched Just Watched, indicates the current playlist item
fvA241pu2PzOJh9ij3siHx2hvKzN3AoTQHzDlM_0ntPGXXmFLlLXfpSYkPcWQSL3IijBGBo-nktw8q9-fAYCZ3kr0sCmCkcfShcgiu7twGQksDwA8mFNdhd16aBIZupZDQuMxpRU @drawable/bg_jw_playlist_item_duration @color/jw_labels_primary @dimen/jw_text_xsmall JWText.PlaylistItemDuration Duration of the playlist item as defined by the metadata provided to the player
PWFD7OqojzzbuWXIT4gJTW0wMoDlnPbq6hkOr2WgVJAOH4ptJCe9Niu0Z-mLvPG8TA5vqEVCmeXZl1UFS8A8aeAPG0AfBf_bdIutMdeSameeEUEsQVcD_08OaNPmgcPWv37-pygd N/A @color/jw_labels_primary @dimen/jw_text_medium JWText.PlaylistItemTitle Playlist item's title as defined by the metadata provided to the player
_ewiX5Ls9tAS_YgXmaYyMe1EaLZHWHBWIyxQ8clP5y9EsOtF-Gcepka1iLmjwPnGHRkOCVn3v6NWWPNiSbEHXwSpQPsG33mzAC-h67kZXNSoAB6w2YYISzlrCDnuqVPU8zI3-VLq @string/jwplayer_recommendations @color/jw_labels_primary @dimen/jw_text_xxlarge JWText.PlaylistHeader Recommendations heading, indicates that the items currently visible are recommended media
b9zGNdMBXV3FfQ9hcrE096wR4RaK2H9dtvyeacbe73udbEspjMk5EOqEbxp4UTgDms1ll5l-U3Yvm_2K4ahJtL25Didt7s9UwMiFvPjmf0h8VI4NurlDxOY0A09fXoiUkHlmtQ6o N/A @color/jw_autoplay_progress @color/jw_autoplay_background N/A JWIcon.PlaylistNextUpCircularProgress Progress bar indicating the countdown to the next playlist item
r8nk6cBOGhw62ZnV4ja6GcCjaeLUZ55CTVo5wBnBXN9uChEp6a4h5z7wmCo-zTgjAKjgkw2hsCL-AE7fNc3woqye1i4tQDTPXp5wbZBv1zlfO_YiZUjvfmKQ4nlAABhJCRYGbE7m @drawable/ic_jw_play @color/jw_icons_active @color/jw_icons_tint N/A JWIcon.PlaylistNextUpPlay Play icon
MKX3BmW3a6InpGQGRN-ww9nkgJedSYaIpelSv1wkk4hdicM9eHvotJ5N-tzp1f3y4gbLm6qm29j23sEjBMvhOOR8Dm2vffLQ9WDSTmmo57ZFw-IDBNnvZOHZ_wKamCuK7mGFxUq3 @string/jwplayer_next_up_countdown @color/jw_labels_primary @dimen/jw_text_medium JWText.PlaylistNextUpCountdown Countdown indicating that the next video is about to begin
Hx1ZOY_6AkuoEoNt8S_WSdJVgv9vXxyac9h0YdbGcofLwt0Hgs27XBrQ462jpiJ8k8pSwI-ORXCB70z49aqqEKSNLzyBQFepHAA8O_FfgSRM8w1X81DLRpnsrwyeIZiEJwC3vZCk N/A @color/jw_labels_primary @dimen/jw_text_medium JWText.PlaylistNextUpTitle The title of the next playlist item as defined by the metadata provided to the player
-fFld2Ib7BFvzY0PA7TeTxm3TPbRHcMtPYgisiPjf6-2bly_YX7RCCvQOC960SVQWoOFQe2ArvUGSBofcRallMfNN4e3nnzjIdIeEh3GXszkPVNYDCUz_EYRJNa1TICjf0l6rlxi @drawable/bg_jw_playlist_poster_gradient @color/jw_recs_gradient_light @color/jw_recs_gradient_mid @color/jw_recs_gradient_dark N/A JWContainer.PlaylistBackgroundPosterGradient Gradient overlay on top of the next up playlist item poster image
-fFld2Ib7BFvzY0PA7TeTxm3TPbRHcMtPYgisiPjf6-2bly_YX7RCCvQOC960SVQWoOFQe2ArvUGSBofcRallMfNN4e3nnzjIdIeEh3GXszkPVNYDCUz_EYRJNa1TICjf0l6rlxi N/A N/A N/A JWImage.PlaylistBackgroundPoster Poster image for the next up playlist item as defined by the metadata provided to the player
63u3Yuz0huLV8ObtONgb9Xo4Zvlq20jvyopGhp1YAGCZQRG5ppmn7d4l73mFDbHyzkpSJQl-v6JXx3g5tTlrEiA_vpgSo_4Y7plfvHNkwk0ZeWSfjhc1ZqzpDPPtJkrGLqZP_GKE @drawable/ic_jw_more_videos @drawable/bg_jw_more_videos @color/jw_icons_active @color/jw_icons_tint @color/jw_fill_primary N/A JWIcon.PlaylistMoreVideos More videos button, shows the recommendations feed when a playlist is loaded and recommendations are defined.
l9o5mployot9W7zPIbR06ZXnHVDJ0h4wm_EefHZ0ct0vV2AEHLMnExZx1SQ6KDoNiGNY9yk1WHZT_Osrl5ARpTUKsjoniniTM2zg4FsKFEnaevgnnf5f9mGR9msdgzzPUjZi60L6 @string/jwplayer_more_videos @color/jw_labels_primary N/A JWText.PlaylistMoreVideos More videos label

812

UiGroup.NEXT_UP
NextUpView


Icon Resource Name Colors Dimens Style Description
xYXHOpbTU0xM4Ao7hcLhUmYEUvNToqU981-4kS6I0Fup3SsFI8g4UbbG9yhYxNmcnHVKOkGx12h_OqaOjZJ4ROdtYT_OOOawSys-KR46noy3ufEYNeVJ8Bdg0Cyz685wL7zbL3Dv @drawable/bg_jw_next_up @color/jw_surface_secondary @dimen/jw_nextup_view_height JWView.NextUp The NextUp background
EoidYmcbOduZQ1L6Ma3KvccTem2EvQoMdHlfJ7ColUuAKxj5NN9e-ZcvWtiSIBUbmefj7rmOpkCU1fQDrK2NFErb_0E6Zt2izb0CBCzMAsWjJLoVpKrJFEnH8dZen_Arme-VJMYi N/A @color/jw_fill_primary N/A JWImage.NextUpPoster Poster image for the next up playlist item as defined by the metadata provided to the player.
TQXMtu8kI3KR4LcX2EhctePdhuKMRasDqMzVA7ZiJEoSIsXaer5McZPDsm_s915VYOk3oCwQYmtT-2zPIW9Flf-JN5K6eWyPfzEVyNysvw3j0_iRvd6UfatVdGDNi7ljfo166mXb @string/jwplayer_next_up_countdown @color/jw_labels_primary N/A JWText.NextUpCountdown Countdown indicating that the next video is about to begin
XxaE4Oux5qQHmYPGLxe8t1Lf6WVPYvBeGed3fYFBgm2qprRHJaFX3rEKpEkg9m89tegFT5VLUVBFwQ7UPKehABTOLyXHnOb6wX1EUZw3Txf9qexXHnRS3AY8S7YG6RnQ6WiJW_8a N/A @color/jw_labels_primary N/A JWText.NextUpTitle The title of the next playlist item as defined by the metadata provided to the player
oPswVAs84zz1SkenBdgQtx0e_y96qlCu4Nw11Gys3fDLfznXnhQh1IRgjWRVnVxk9BTqknO0SbYCoygrYnXcw1hB12bL93pbEhuZxeUU5kk6FagVTtjwN-xFr-_FHmANrkb8x56w @drawable/ic_jw_close @drawable/bg_jw_nextup_close @color/jw_icons_active @color/jw_icons_tint @color/jw_fill_quaternary N/A JWIcon.NextUpClose Dismiss button, dismisses the next up prompt

819

UiGroup.CASTING_MENU
CastingMenuView


Icon Resource Name Colors Dimens Style Description
GB1iP3yST3MBJWT7SsPY0gLTk6d6pufNA1stRUbb_eCuta7L5Tvzw0Sp79Rgu7Kgf5meMa3Z6k-rPbw9wcQ2i1T01p4DBeM6j5hIFyN2vnWnm1rr21VhsIseoi1K_p32Pvw2zwEn @drawable/bg_jw_menu @color/jw_surface_secondary N/A JWView.Menu.Cast The menu background
6OA02dztIZJFkFagLICjJ-dzJq67B5_1q8hVV77mJGYRGrLY6e-cal4bvlbmVRwXo4oZTYP6BtWeK0v1tQBgDk8xHxyT_bH3BoGkgbhLpQMy2TKaketSh_tn6G-N-eZkboJ9QO0t @string/jwplayer_cast_connect_to_a_device @color/jw_labels_primary @dimen/jw_text_xlarge JWText.CastTitle Title and call to action for the casting menu
vx9p3jkgfFB6l6MeAl8Vqp90YNtcgxxGe3Py_Ii_EWeQ0huR9pCo0l2LhtoUWyrHKA435RCRgQtJlNA2IvGCj5K9N8qNNUAZR8zi_KdTXhWJE6YYcAoMmTXtIMB_zJ4n_73n0H0S @string/jwplayer_cast_use_same_wifi @color/jw_labels_secondary @dimen/jw_text_xsmall JWText.CastSubtitle Hint that your mobile device needs to be connected to the same network as the cast device
36yWIPnUPmVjN4fjiBaIXQoM02zsRWBd_sU6hy4tM5-pv2yfNHIiQQP018vf1wK7yQf-NVhftgJzyLopZSkgB07kVEbraUaUrUXBkGEyzDe_ofrfU_2iJ3YvoFhX0Vvty31ovsCG @drawable/ic_jw_cast_off @color/jw_icons_active @color/jw_icons_tint @dimen/jw_icon JWIcon.CastItem Icon to indicate a cast device
LRaMb9lm_LyZbG8SWY-exCRK5-cfjo23T0PkIjMyHQjlXZ_rR3XCheVD8DtuTkR17-_62tpnNwfDNF9zJPKoSvcRovrEVfAzc0mYNsiORVgUngGtpv2jckRhjbVrov1MYeEqrFQ1 N/A @color/jw_labels_primary @dimen/jw_text_xlarge JWText.CastItem Name of the cast device
3qwCdylbZ_7KgmOm9mb_I-QyUP7QFtlg50qIgj4ecnGDDgMVb1bV2CHzYgbjvTBxXigcg8QC1HlN5kKmuCaWlvyFbQIhGbTK6rXCuqkxu8cG3ojbgtTsKwHdk_SkHG_PnYxWjZvg N/A @color/jw_separator_non_opaque N/A JWHorizontalDivider.Cast Divider
mWdwXil5y9p9AoY7aE7uZY7p5aTjUGwi5RPkOxL6S4J8YISzaRg-czvX71Aui3pIDZxISAnDlXV1wf7jZTyEnXarF2k64CMh0D4iVRSx_qB37WqZbSJcdm1Edegz5KEvYqjCieSN @string/jwplayer_close @color/jw_labels_primary @dimen/jw_text_xlarge @dimen/jw_icon JWText.CastClose Close button

CastDialog


Icon Resource Name Colors Dimens Style Description
Nm7CafVtwrUgwolK-9rKatZnVNDOomjHJ3M_PNv8p9aB5I5ebGIawXIBVuxhrThQl_L2BleZhrdIvZOzOozBwEGxW2Ny_1HuMqUUkgkIz2oSn_APR4PmRTqdiOTIAlEPcsTsNQeD @drawable/bg_jw_cast_disconnect_dialog @color/jw_surface_quaternary N/A JWView.CastDialog The Cast Dialog background
tPB2IRENZ9tmgn5tp9ah6wWlO8wdyUXhOP9zlSfnKTASGV6EcfkyfumJzMgH4ZyY8d82OF7Cg4atouEKEdtFnfSD6KGXgZj3QrRT8LBdH_bvBC1nG9jP22cVCtRPkuT3eyqd8Yj7 @string/jwplayer_cast_playing_on @color/jw_labels_primary @dimen/jw_text_large JWText.CastDialogDevice Indicates which device you are currently casting to
sC093OpghDVHvFjJr2TeGjVn-HcaFIL0tEBHgns4D5m1s4-JdirZRoNeLcIo0uyrb6mCO5I0MLGctRLEiNnVhYvKkBrCBSudYmf_bw4yklEvmfURHAvND_AA0_lks8enYwtQvN0u @string/jwplayer_cancel @color/jw_labels_primary @dimen/jw_text_large JWText.CastDialogCancel Closes the Cast Disconnect Dialog
FNCptkd4Y6Ck_jAXgGaLBbURQ4tZH-Pq0g2P98_xid1GN8hYVKRCp2mjtubxcsuMF3gLRxvnQUV9ygg-ecTfG_q1PmUUahioGok2f6ltsqgEpYxM20JT3lA4zpUT47DpUuC2VFGE @string/jwplayer_cast_disconnect @color/jw_labels_primary @dimen/jw_text_large JWText.CastDialogDisconnect Disconnects from the casting device and resumes playback on the mobile device