Android Styling Guide (Android)

<img src="https://img.shields.io/badge/%20-ENTERPRISE-%23B10031" style="float:left"/><br />
<img src="https://img.shields.io/badge/Android-V4-009727?logo=android" style="float:left"/><br />
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`.
<br />
<hr />
## Requirements
You **must** use **JWP SDK 4.5.0** and above.
<br />
<hr />
## Best Practice App
You can find a best practice app that styles the player UI [here](🔗﻿) for inspiration and a working example.
<br />
<hr />
## 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.
<br />
### Accessing resources when using the AAR
Open **Android Studio**.
Go to the location in the project where the **.aar** files exist (for example, **ex. app/libs**)
Double click the **jwplayer-core** module, you should now see the contents of the module.
Expand the res/values folder and click **values.xml**.
You now have access to the original style definitions used in the SDK.
<br />
### Accessing resources when using Maven
Open **Android Studio**.
In the project view, expand **External Libraries**.
Scroll to the **jwplayer-core** module.
Expand the **jwplayer-core** module and navigate to res/values.
Double click **values.xml**.
You now have access to the original style definitions used in the SDK.
<br />
<hr />
## 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**:
﻿
### 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.
﻿
<br />
<hr />
## 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.
﻿
<br />
<hr />
## 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>`
<br />
<hr />
## 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**.
<br />
﻿
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.
<br />
﻿
<br />
<hr />
## 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**.
﻿
### 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.
﻿
### 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>`
<br />
<hr />
## 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**.
﻿
<br />
<hr />
## UI Styling Reference
### Controls
﻿
UiGroup.CENTER_CONTROLS
CenterControlsView
<br />
<table>
  <tr>
    <th style="width:40%" >Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/905e44c-drawablebg_jw_center_controls.jpg" alt="Center Controls"></td>
      <td><code>@drawable/bg_jw_center_controls</code> </code></td>
      <td><code>@color/jw_controls_overlay</code></td>
      <td>N/A</td>
      <td><code>JWView.CenterControls</code></td>
      <td><code>The CenterControls background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/031521b-Play.png" alt="Play"></td>
      <td><code>@drawable/ic_jw_play</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.CenterControlsPlay</code></td>
      <td><code>Play icon, shown when the player is Paused or Idle</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/898c6a4-Pause.png" alt="Pause"></td>
      <td><code>@drawable/ic_jw_pause</code></td>
      <td><code>@color/jw_icons_active</code></td>
      <td><code>@color/jw_icons_tint @dimen/jw_large_icon</code></td>
      <td><code>JWIcon.CenterControlsPause</code></td>
      <td><code>Pause icon, shown when the player is Playing</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/0759cd2-Spinner.png" alt="Buffer"></td>
      <td><code>@drawable/ic_jw_buffer</code></td>
      <td><code>@color/jw_buffer_start @color/jw_buffer_end</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.CenterControlsBuffer</code></td>
      <td><code>Buffer spinner, shown when the player is Buffering</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/682541b-Replay.png" alt="Replay"></td>
      <td><code>@drawable/ic_jw_replay</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.CenterControlsRepeat</code></td>
      <td><code>Replay icon, shown when the player has completed playback</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/ef447f1-Rewind_15.png" alt="Rewind 15"></td>
      <td><code>@drawable/ic_jw_rewind_15</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.CenterControlsRewind</code></td>
      <td><code>Rewind 15 seconds icon, shown when the player is playing seekable content</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/42d55cd-Fast_Forward_15.png" alt="Fast Forward 15"></td>
      <td><code>@drawable/ic_jw_fast_forward_15</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.CenterControlsForward</code></td>
      <td><code>Fast Forward 15 seconds icon, shown when the player is playing seekable content</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/b50def4-Next.png" alt="Next"></td>
      <td><code>@drawable/ic_jw_next</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.CenterControlsNext</code></td>
      <td><code>Next playlist item icon, shown when the player has a playlist loaded</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/3a0d160-Off.png" alt="Cast Off"></td>
      <td><code>@drawable/ic_jw_cast_off</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.CenterControlsCast</code></td>
      <td><code>Cast icon (standby), shown when the player is configured with the cast module.</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/0f8ef4b-On.png" alt="Cast On"></td>
      <td><code>@drawable/ic_jw_cast_on</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.CenterControlsCast</code></td>
      <td><code>Cast icon (casting), shown when the player is actively casting media.</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/626bc8a-picture_in_picture_on.png" alt="PiP On"></td>
      <td><code>@drawable/ic_jw_pip</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.CenterControlsPip</code></td>
      <td><code>PiP icon, shown when the system supports PiP</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/8b57ab8-Close.png" alt="Close"></td>
      <td><code>@drawable/ic_jw_close</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.CenterControlsClose</code></td>
      <td><code>Close icon, shown when the player is in fullscreen mode. Clicking it exits fullscreen</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/e96726c-FSOn.png" alt="Fullscreen On"></td>
      <td><code>@drawable/ic_jw_enter_fullscreen</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.CenterControlsFullscreen</code></td>
      <td><code>Enter fullscreen icon, shown when the player is not in fullscreen</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/6fed821-FSOff.png" alt="Fullscreen off"></td>
      <td><code>@drawable/ic_jw_exit_fullscreen</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.CenterControlsFullscreen</code></td>
      <td><code>Exit fullscreen icon, shown when the player is in fullscreen</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/f83425e-title.png" alt="title"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWText.CenterControlsTitle</code></td>
      <td><code>Displays the title of the current playlist item</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/379c11c-description.png" alt="description"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWText.CenterControlsDescription</code></td>
      <td><code>Displays the description of the current playlist item</code></td>
    </tr>
  </tbody>
</table>
_Shown when the player is actively interacting with a cast device._ 
<br />
﻿
Connecting to {device} HUD, shown when the player is trying to connect to the cast device
﻿
Playing on {device} HUD, shown when the player is actively casting to the device
﻿
Unable to connect to {device} HUD, shown when the player could not connect the cast device
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/222afd8-connecting_to_office_tv.png"></td>
      <td><code>@drawable/bg_jw_cast_connecting</code></td>
      <td><code>@color/jw_fill_primary</code></td>
      <td>N/A</td>
      <td><code>JWContainer.CenterControlsCastIndicator</code></td>
      <td><code>The background resource for the casting HUD when Connecting to the device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/222afd8-connecting_to_office_tv.png"></td>
      <td><code>@string/jwplayer_cast_connecting_to</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWText.CenterControlsCastStatus</code></td>
      <td><code>The string resource used for the casting HUD when Connecting to the device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/1c2ee32-drawablebg_jw_cast_ready.png"></td>
      <td><code>@drawable/bg_jw_cast_ready</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWContainer.CenterControlsCastIndicator</code></td>
      <td><code>The background resource for the casting HUD when actively playing on the cast device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/1c2ee32-drawablebg_jw_cast_ready.png"></td>
      <td><code>@string/jwplayer_cast_playing_on</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td>N/A</td>
      <td><code>JWText.CenterControlsCastStatus</code></td>
      <td><code>The string resource used for the casting HUD when actively playing on the cast device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/4b6c177-drawablebg_jw_cast_ready_unab_le.png"></td>
      <td><code>@drawable/bg_jw_cast_ready</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWContainer.CenterControlsCastIndicator</code></td>
      <td><code>The background resource for the casting HUD when the player is unable to connect to the cast device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/yJjN3FCvFJW7wtCmWOi6dX6up7yVQTFROWD_gAmXiRY6_URYBwUgcw8k4i_mUqj7iKQOoLsZTu-K73DuU6hWcOKwjQ7LvO9jrrCejaweXsgxdh2tl8UZ1ZJQ8D7DSkXTx7efp4vm" alt="yJjN3FCvFJW7wtCmWOi6dX6up7yVQTFROWD_gAmXiRY6_URYBwUgcw8k4i_mUqj7iKQOoLsZTu-K73DuU6hWcOKwjQ7LvO9jrrCejaweXsgxdh2tl8UZ1ZJQ8D7DSkXTx7efp4vm"></td>
      <td><code>@string/jwplayer_cast_unable_to_connect_to</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td>N/A</td>
      <td><code>JWText.CenterControlsCastStatus</code></td>
      <td><code>The string resource used for the casting HUD when unable to connect to the cast device</code></td>
    </tr>
  </tbody>
</table>
<br />
﻿
UiGroup.CONTROLBAR
ControlbarView
﻿
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/qonKRMhNigclllvqah0NaU3a2p6k56QN0oKpM2f6XYQjhcmh3eXyjSzNL9_PzYMx1L-PPP_W8B5OZIpHYPodjVJLh2w_KoZGwfcTq7dC9KdHwJrctp2B5ngePEN2d3xIr1Fd_Io2" alt="qonKRMhNigclllvqah0NaU3a2p6k56QN0oKpM2f6XYQjhcmh3eXyjSzNL9_PzYMx1L-PPP_W8B5OZIpHYPodjVJLh2w_KoZGwfcTq7dC9KdHwJrctp2B5ngePEN2d3xIr1Fd_Io2"></td>
      <td><code>@drawable/bg_jw_controlbar_contrast_gradient</code></td>
      <td><code>@color/jw_transparent @color/jw_controlbar_gradient_dark</code></td>
      <td>N/A</td>
      <td><code>JWView.Controlbar</code></td>
      <td><code>The Controlbar background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/FiufjuCpQAP0NfeOkuvz4efJcogwli-ZTWTYicDYJshw8bl9VhwuWjSC0-7Hm__kDvWTGuUG26JoySwQlyL56lWdyssCY5ciBP285PGpKAYoUR4cbJJirWalFTppx13fO4u3S7Cl" alt="FiufjuCpQAP0NfeOkuvz4efJcogwli-ZTWTYicDYJshw8bl9VhwuWjSC0-7Hm__kDvWTGuUG26JoySwQlyL56lWdyssCY5ciBP285PGpKAYoUR4cbJJirWalFTppx13fO4u3S7Cl"></td>
      <td><code>@drawable/bg_jw_controlbar_rates</code></td>
      <td><code>@color/jw_fill_primary <code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_icon @dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarRate</code></td>
      <td><code>Playback speed indicator, shown when the player is playing content at a speed other that 1x</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/050494a-timecode_copy.png" alt="Timecode"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarPosition</code></td>
      <td><code>Current playback position timestamp</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/lFX4pMcCgOkpoHDeZRPZyRuwfn_rNFqmU0xxxhG_kkj4zw5ebY5BTbCGVYI9SV6D-2tjSKkGMZstNHOSfCQnpTOY2JiIraOv4VHkrvhoTby0wvEPADBkVNuwFPQxEWATysNXuZu-" alt="lFX4pMcCgOkpoHDeZRPZyRuwfn_rNFqmU0xxxhG_kkj4zw5ebY5BTbCGVYI9SV6D-2tjSKkGMZstNHOSfCQnpTOY2JiIraOv4VHkrvhoTby0wvEPADBkVNuwFPQxEWATysNXuZu-"></td>
      <td><code>@string/jwplayer_control_bar_timer_delimiter</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarPositionDivider</code></td>
      <td><code>Separator between position and duration</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/E1voB3wis09wGEw19GbuWOVx7wveDSlJySl-wLQaqviExifnWUVcMz1NGvsYcN5grs_0-nl8uHGr2v_EUGaKDsyvARtslK7SKWLhliMgbe5c0qyFJd8PLWvOWRnneZ0oOD2iPFmU" alt="E1voB3wis09wGEw19GbuWOVx7wveDSlJySl-wLQaqviExifnWUVcMz1NGvsYcN5grs_0-nl8uHGr2v_EUGaKDsyvARtslK7SKWLhliMgbe5c0qyFJd8PLWvOWRnneZ0oOD2iPFmU"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_secondary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarDuration</code></td>
      <td><code>Current video's duration</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/mOi8C_MsvJ32Gj0YaRj40ipB2qGHtm3s-fyxZljYcnRYQDT6GRviQM4l7reNl3nREnKjnoIpnhbkFJigfalJJC4IfIshiJZrktgSHQ0rLA0LEMQdiqmvfwU_eIS51UmwsEs7CfBW" alt="mOi8C_MsvJ32Gj0YaRj40ipB2qGHtm3s-fyxZljYcnRYQDT6GRviQM4l7reNl3nREnKjnoIpnhbkFJigfalJJC4IfIshiJZrktgSHQ0rLA0LEMQdiqmvfwU_eIS51UmwsEs7CfBW"></td>
      <td><code>@string/jwplayer_dot_separator</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarChaptersDivider</code></td>
      <td><code>Separator between duration and chapter</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/uWfeyl74BhWPn5hpbKmon11hnBQRPmtnO77YrjqIzGDMsbNiK9c-KA77Zm2hVw4szVSpYH7_duuKx1MI1jjK7kD52BbsXbde_6jO8DOtez8CNf3NOdLVYSx6p9FyTfsSaXn7v21I" alt="uWfeyl74BhWPn5hpbKmon11hnBQRPmtnO77YrjqIzGDMsbNiK9c-KA77Zm2hVw4szVSpYH7_duuKx1MI1jjK7kD52BbsXbde_6jO8DOtez8CNf3NOdLVYSx6p9FyTfsSaXn7v21I"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarChaptersTitle</code></td>
      <td><code>Name of the current chapter. Tapping on this will open the Chapters menu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/wI4IQpCdjix1ieP6otQJJDeWBGp2fXxyPep0eguaJM742SV8-SG3V8nvY7sVZT-7bgK63_PoKut7lC6t1FMURboOrOuIi3IoCvRahLe1mdR209Um6YdulCpfzsNemWWWCM4SFKu6" alt="wI4IQpCdjix1ieP6otQJJDeWBGp2fXxyPep0eguaJM742SV8-SG3V8nvY7sVZT-7bgK63_PoKut7lC6t1FMURboOrOuIi3IoCvRahLe1mdR209Um6YdulCpfzsNemWWWCM4SFKu6"></td>
      <td><code>@string/jwplayer_arrow_indicator</code></td>
      <td><code>@color/jw_labels_secondary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarChaptersIndicator</code></td>
      <td><code>Indicator to show that more chapters exist</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/qI9atvg19thC_j6R0nP323HHzel8nQzHgh2jCKBqUBlQhrspUdohqswo2N0T6msx5qDpeNi8s93uITIoPbgqNAiilsu7hvayVucK3D_8MMThUxdNiZYqtdE0UErjJRBeQsxe2PHl" alt="qI9atvg19thC_j6R0nP323HHzel8nQzHgh2jCKBqUBlQhrspUdohqswo2N0T6msx5qDpeNi8s93uITIoPbgqNAiilsu7hvayVucK3D_8MMThUxdNiZYqtdE0UErjJRBeQsxe2PHl"></td>
      <td><code>@drawable/ic_jw_captions_off</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.ControlbarCaptions</code></td>
      <td><code>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</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/sSfEQfA4y792TYZCXr_6hlLyeCRH05LKgiRmXXOA24lTUbJQXtBSUG-fId3Ct78mLjPPbjrra-ExBe0nDg3vm-GgsWJV-_tjMRLHYmCJtxTz2TfkKr3anNCRHcNJuRZlgSu7o3he" alt="sSfEQfA4y792TYZCXr_6hlLyeCRH05LKgiRmXXOA24lTUbJQXtBSUG-fId3Ct78mLjPPbjrra-ExBe0nDg3vm-GgsWJV-_tjMRLHYmCJtxTz2TfkKr3anNCRHcNJuRZlgSu7o3he"></td>
      <td><code>@drawable/ic_jw_captions_on</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.ControlbarCaptions</code></td>
      <td><code>This icon indicates that the captions are on</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/erlHgqIqUieztikwunGtUJVByJFeHgHMHz98-w-es6ihHoQaPCTRxkqrI4sl4_jJKviuGEhU_A9qNZg6L7cmPTIWyBEIJE1iOy1frP4g1nLkMWC0BO5ZuR_Rw9JFKwjgClM3TSIS" alt="erlHgqIqUieztikwunGtUJVByJFeHgHMHz98-w-es6ihHoQaPCTRxkqrI4sl4_jJKviuGEhU_A9qNZg6L7cmPTIWyBEIJE1iOy1frP4g1nLkMWC0BO5ZuR_Rw9JFKwjgClM3TSIS"></td>
      <td><code>@drawable/ic_jw_more_videos</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.ControlbarPlaylist</code></td>
      <td><code>Playlist icon, tapping this opens the playlist view</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/XUBLxCd71gbt6kTrVxqzwTpQqab0y4VOTBkxuIKkWNTtxXkWpHqNvmaikMW5LJ73RnmuJ9ETiRm9_fg5bJOUTsqEjbLnTMOi23xloFj15dctKNw6-yfy6AhSl-W65bbe8BIfyvtA" alt="XUBLxCd71gbt6kTrVxqzwTpQqab0y4VOTBkxuIKkWNTtxXkWpHqNvmaikMW5LJ73RnmuJ9ETiRm9_fg5bJOUTsqEjbLnTMOi23xloFj15dctKNw6-yfy6AhSl-W65bbe8BIfyvtA"></td>
      <td><code>@drawable/ic_jw_enter_fullscreen</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.ControlbarFullscreen</code></td>
      <td><code>Enter fullscreen icon, tapping this puts the player in fullscreen</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/JxhNr9h25Irq5lljlgUqijzcnKC7yFiohRGIx4i5IJPhE7Pcs1nqTnM_IcKMwWULb69sRZa3CyapMquPixYhKZFj1qzwMUh8RBTMbUBvts4wTnGR6AE7MlhfXvgjFVyqdC90D7c8" alt="JxhNr9h25Irq5lljlgUqijzcnKC7yFiohRGIx4i5IJPhE7Pcs1nqTnM_IcKMwWULb69sRZa3CyapMquPixYhKZFj1qzwMUh8RBTMbUBvts4wTnGR6AE7MlhfXvgjFVyqdC90D7c8"></td>
      <td><code>@drawable/ic_jw_exit_fullscreen</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.ControlbarFullscreen</code></td>
      <td><code>Exit fullscreen icon, tapping this takes the player out of fullscreen</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/MomJWAslXP_wN6kDb11FXRQc9XPianZuzOxhSweBBEwEiuBxGulqCoZTspu-JGTLcEQLeBoW9vj9ykKy4xOhDD7zqaq0LOMTe1mrMhFmEap3w_P8uby6CkWjaXjnRwHf5Ad_QtWU" alt="MomJWAslXP_wN6kDb11FXRQc9XPianZuzOxhSweBBEwEiuBxGulqCoZTspu-JGTLcEQLeBoW9vj9ykKy4xOhDD7zqaq0LOMTe1mrMhFmEap3w_P8uby6CkWjaXjnRwHf5Ad_QtWU"></td>
      <td><code>@drawable/ic_jw_settings</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_inactive @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.ControlbarMenu</code></td>
      <td><code>Settings icon, tapping this opens the settings menu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/5k8WgPEAmS4alIPCQahpQTNpJ0ooTMn6w60HSgr7nOVuVaU3Cg_fDGG14ZOFkJloLO5PepX3Ms_mCCbRI5y1Ihh0o8YqIyg8WpNxj6vTTJz-ITl4ce0r1iy4Bny0ZUApvyj3_i6g" alt="5k8WgPEAmS4alIPCQahpQTNpJ0ooTMn6w60HSgr7nOVuVaU3Cg_fDGG14ZOFkJloLO5PepX3Ms_mCCbRI5y1Ihh0o8YqIyg8WpNxj6vTTJz-ITl4ce0r1iy4Bny0ZUApvyj3_i6g"></td>
      <td><code>@string/jwplayer_live_broadcast</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xsmall</code></td>
      <td><code>JWRadio.ControlbarLive</code></td>
      <td><code>Live Indicator</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/5k8WgPEAmS4alIPCQahpQTNpJ0ooTMn6w60HSgr7nOVuVaU3Cg_fDGG14ZOFkJloLO5PepX3Ms_mCCbRI5y1Ihh0o8YqIyg8WpNxj6vTTJz-ITl4ce0r1iy4Bny0ZUApvyj3_i6g" alt="5k8WgPEAmS4alIPCQahpQTNpJ0ooTMn6w60HSgr7nOVuVaU3Cg_fDGG14ZOFkJloLO5PepX3Ms_mCCbRI5y1Ihh0o8YqIyg8WpNxj6vTTJz-ITl4ce0r1iy4Bny0ZUApvyj3_i6g"></td>
      <td><code>@drawable/jw_controlbar_live_button</code></td>
      <td><code>@color/jw_live_indicator_checked @color/jw_live_indicator_unchecked</code></td>
      <td>N/A</td>
      <td><code>JWRadio.ControlbarLive</code></td>
      <td><code>Live Indicator</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/r7F9NiZ5T1TUrWQPy1ky44QS3EJj1uCZrKFyDUSnxMUcrYAaAm_0GQvcvREZcmiKjF04ZXkSb5e8WdKw8b5Zsch5mYti_Y8O46gUfAnesrqwAxjD3UHyPU5rm4dv9P2iQHaa5liB" alt="r7F9NiZ5T1TUrWQPy1ky44QS3EJj1uCZrKFyDUSnxMUcrYAaAm_0GQvcvREZcmiKjF04ZXkSb5e8WdKw8b5Zsch5mYti_Y8O46gUfAnesrqwAxjD3UHyPU5rm4dv9P2iQHaa5liB"></td>
      <td>N/A</td>
      <td>N/A</td>
      <td>N/A</td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>Timeslider</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/WgDPTCqhiGsyc0HXUy8NOrfrs0Icv00vQ_BZlSFRmJxr_NFRixaENWiRO1TayfrQrv_E6PI1p8LF3LoA-QsFeJk79HN-Si2VsMpeLBaQNVVR2eSLxcCtdsbVspithDRUBj7asdFt" alt="WgDPTCqhiGsyc0HXUy8NOrfrs0Icv00vQ_BZlSFRmJxr_NFRixaENWiRO1TayfrQrv_E6PI1p8LF3LoA-QsFeJk79HN-Si2VsMpeLBaQNVVR2eSLxcCtdsbVspithDRUBj7asdFt"></td>
      <td>N/A</td>
      <td><code>@color/jw_seekbar_progress</code></td>
      <td><code>@dimen/jw_seekbar_thickness</code></td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>The current progress of the seekbar</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/5nKYzXkaU5fhkDPPNyzbuwrn51jcMIzvjLNTbBkbw-igi_DtF-xNE0WlcJwI9RPsAgHZ9ZWr8RUAmd8x-3p6I2lrppWKEi0e-8jPro5QMN59u98mJi6srlR_W4H7nQvpFTACapfq" alt="5nKYzXkaU5fhkDPPNyzbuwrn51jcMIzvjLNTbBkbw-igi_DtF-xNE0WlcJwI9RPsAgHZ9ZWr8RUAmd8x-3p6I2lrppWKEi0e-8jPro5QMN59u98mJi6srlR_W4H7nQvpFTACapfq"></td>
      <td>N/A</td>
      <td><code>@color/jw_seekbar_ads_marker</code></td>
      <td><code>@dimen/jw_seekbar_ad_width @dimen/jw_seekbar_thickness</code></td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>Marker signifying an ad was scheduled in the timeline</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/NU-RfdhBIs5ljw197aP0pSW9Cijc68qjJW5HrHMrtAKARE4F1RqmiW9RKvVT7aHLXjNfcA3jK6DM9RM_YsuESXEMjGKKfcHi1t5USbrXTlXWSZqYXwVzNNCbSkrZXqid2cJRAVne" alt="NU-RfdhBIs5ljw197aP0pSW9Cijc68qjJW5HrHMrtAKARE4F1RqmiW9RKvVT7aHLXjNfcA3jK6DM9RM_YsuESXEMjGKKfcHi1t5USbrXTlXWSZqYXwVzNNCbSkrZXqid2cJRAVne"></td>
      <td>N/A</td>
      <td><code>@color/jw_seekbar_chapter_marker</code></td>
      <td><code>@dimen/jw_seekbar_chapter_width @dimen/jw_seekbar_thickness</code></td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>Marker signifying a chapter begins</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/hhHE3i2xDI_ax9iFLAYYvQc7gkjy629VgkpT5mJjaKZlsDyiod9Ap8rztldmfp582YLtCbzW8GYb730juvptNmyMP0n1JxOVBmBlFh2izoJ81ZzlqUnuqk9nm6Pjahf7FU1YkOsP" alt="hhHE3i2xDI_ax9iFLAYYvQc7gkjy629VgkpT5mJjaKZlsDyiod9Ap8rztldmfp582YLtCbzW8GYb730juvptNmyMP0n1JxOVBmBlFh2izoJ81ZzlqUnuqk9nm6Pjahf7FU1YkOsP"></td>
      <td>N/A</td>
      <td><code>@color/jw_seekbar_chapter_highlight</code></td>
      <td><code>@dimen/jw_seekbar_thickness</code></td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>Highlights the timeline between the start of the current chapter and the start of the next</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/Yvai2d-UVEavZweOxIAgCdYrAbSIdwCAlZ4tn-sXR12XyEcFmucBVEx2XH0cIKyL02pXjduDBnNuoum8FK_ArF9UlZ00iLVXjHgWpejm2CkNN-xyi97ZsstATSZtkaYk9aoFPGO1" alt="Yvai2d-UVEavZweOxIAgCdYrAbSIdwCAlZ4tn-sXR12XyEcFmucBVEx2XH0cIKyL02pXjduDBnNuoum8FK_ArF9UlZ00iLVXjHgWpejm2CkNN-xyi97ZsstATSZtkaYk9aoFPGO1"></td>
      <td><code>@drawable/jw_controlbar_seek_thumb</code></td>
      <td><code>@color/jw_seekbar_thumb</code></td>
      <td><code>@dimen/jw_seekbar_thumb</code></td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>The seekbar thumb</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/cF8bxwyKAA7XTMcHGN5DXuS5FWnIxJtu6J41-SHV1tNtutH2DVJ_YdDlbTAyyLDK7BiKGYr6ID8zdYx1AQddrwOhBMig5lsoHR5F84b8ZZanpKvSQxI52z4Xo2SUQXuOs8B_viSM" alt="cF8bxwyKAA7XTMcHGN5DXuS5FWnIxJtu6J41-SHV1tNtutH2DVJ_YdDlbTAyyLDK7BiKGYr6ID8zdYx1AQddrwOhBMig5lsoHR5F84b8ZZanpKvSQxI52z4Xo2SUQXuOs8B_viSM"></td>
      <td>N/A</td>
      <td><code>@color/jw_seekbar_secondary_progress</code></td>
      <td><code>@dimen/jw_seekbar_thickness</code></td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>The seekbar secondary progress, this indicates the amount of buffered video</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/cF8bxwyKAA7XTMcHGN5DXuS5FWnIxJtu6J41-SHV1tNtutH2DVJ_YdDlbTAyyLDK7BiKGYr6ID8zdYx1AQddrwOhBMig5lsoHR5F84b8ZZanpKvSQxI52z4Xo2SUQXuOs8B_viSM" alt="cF8bxwyKAA7XTMcHGN5DXuS5FWnIxJtu6J41-SHV1tNtutH2DVJ_YdDlbTAyyLDK7BiKGYr6ID8zdYx1AQddrwOhBMig5lsoHR5F84b8ZZanpKvSQxI52z4Xo2SUQXuOs8B_viSM"></td>
      <td>N/A</td>
      <td><code>@color/jw_seekbar_background</code></td>
      <td><code>@dimen/jw_seekbar_thickness</code></td>
      <td><code>JWControlbarSeek</code></td>
      <td><code>The seekbar background, this indicates the size of the seekbar</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/0E4nmwi4ajRYGbqKHlBYfgz5S4hxV_07pv6hHj441LjfKpoc_HhxYf4csORS5x4qBwGi-Qq4ktpw6CltAovgFwrnSqxeDbZys4CNY1Kmgpp_OWNUJtjF1OLN5M1RsImgJ2JbTLsG" alt="0E4nmwi4ajRYGbqKHlBYfgz5S4hxV_07pv6hHj441LjfKpoc_HhxYf4csORS5x4qBwGi-Qq4ktpw6CltAovgFwrnSqxeDbZys4CNY1Kmgpp_OWNUJtjF1OLN5M1RsImgJ2JbTLsG"></td>
      <td>N/A</td>
      <td><code>@color/jw_fill_primary</code></td>
      <td>N/A</td>
      <td><code>JWImage.ControlbarThumbnailPreview JWRoundedImageView.ThumbnailPreview</code></td>
      <td><code>Thumbnail preview, updates the bitmap based on the position you are scrubbing.</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://files.readme.io/050494a-timecode_copy.png" alt="Timecode"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarThumbnailTimestamp</code></td>
      <td><code>The position you are scrubbing to</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/1WWbuPCIILvtuC7bfQub36i_90-LmXQY8AMbQ1VzoCs_wzq7ahyfMSeFSCCBgRsF6sQ_jWBdXI8nLZb9A6kEjK9gNfn9d6Vgx9TZxWc-LFTgAC_C-haaaFFnbvq39j-cfaBtoeTu" alt="1WWbuPCIILvtuC7bfQub36i_90-LmXQY8AMbQ1VzoCs_wzq7ahyfMSeFSCCBgRsF6sQ_jWBdXI8nLZb9A6kEjK9gNfn9d6Vgx9TZxWc-LFTgAC_C-haaaFFnbvq39j-cfaBtoeTu"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ControlbarThumbnailChapter</code></td>
      <td><code>The chapter you are scrubbing to</code></td>
    </tr>
  </tbody>
</table>
<br />
﻿
UiGroup.ADS_CONTROL
VastAdsView
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/CQXuLcShbktSYlcCBbg9Z-cWLyQIP4s-HRKzz4yPIrvgWc9yLJV4TP370XaSakVAKqzmXYVsIvYNX_Ob_FInwxwUbciuzss9K9XdhFsB4Sk5qxsl_57uzRMxDV0TXlBPxvPQnIks" alt="CQXuLcShbktSYlcCBbg9Z-cWLyQIP4s-HRKzz4yPIrvgWc9yLJV4TP370XaSakVAKqzmXYVsIvYNX_Ob_FInwxwUbciuzss9K9XdhFsB4Sk5qxsl_57uzRMxDV0TXlBPxvPQnIks"></td>
      <td>N/A</td>
      <td><code>@color/jw_controls_overlay</code></td>
      <td>N/A</td>
      <td>N/A</td>
      <td><code>The vast controls background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/qwL9qh3NJOWEalfVd7TQ0Pt4uwOgKacHqsLHx_l3FdZ6sWC999djVo06tIK24ImGnVpisiHAutwOC23Q8JryPVl5J3T9XyJO9tgbdhPbbzjkb7Lgav4clqJzbKRc1bFIheBFahfB" alt="qwL9qh3NJOWEalfVd7TQ0Pt4uwOgKacHqsLHx_l3FdZ6sWC999djVo06tIK24ImGnVpisiHAutwOC23Q8JryPVl5J3T9XyJO9tgbdhPbbzjkb7Lgav4clqJzbKRc1bFIheBFahfB"></td>
      <td><code>@drawable/ic_jw_play</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.VastPlay</code></td>
      <td><code>Play icon, tapping it resumes the ad</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/SWBQhwkFxqcQ8VwqB5hGXcU8LKN7wg7sExpk7LCZfaasLZ0GK4fY5aMSNJ3KSMHNFp1kCk2cKnbMBxE41SDg4YJRr0XDeBcXm20af0XGT7ovo2KGf0pVtSFdcqGoLd34vI6eWOaW" alt="SWBQhwkFxqcQ8VwqB5hGXcU8LKN7wg7sExpk7LCZfaasLZ0GK4fY5aMSNJ3KSMHNFp1kCk2cKnbMBxE41SDg4YJRr0XDeBcXm20af0XGT7ovo2KGf0pVtSFdcqGoLd34vI6eWOaW"></td>
      <td><code>@drawable/ic_jw_pause</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWIcon.VastPlay</code></td>
      <td><code>Pause icon, tapping it pauses the ad</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/YLGWKe1LN5BQkSbv2xLQCQTS09thJtqWomXuqme-9Tl_pTp64h91HvEMvOpVPCTtLtFOVTEOVheU3Veya6OiA74zaOKT67ce9R6Of0eVPOWqhRXc-2iVbMvSiI3p5xN4_04yfmGv" alt="YLGWKe1LN5BQkSbv2xLQCQTS09thJtqWomXuqme-9Tl_pTp64h91HvEMvOpVPCTtLtFOVTEOVheU3Veya6OiA74zaOKT67ce9R6Of0eVPOWqhRXc-2iVbMvSiI3p5xN4_04yfmGv"></td>
      <td><code>@string/jwplayer_learn_more</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_large</code></td>
      <td><code>JWText.VastLearnMore</code></td>
      <td><code>Learn More button, tapping it redirects the user to the ad's clickthrough URL</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/Dc3ZfWyYskq7_V4epqST0Ru1jnW5LscVIZUZyHB3o1pjetyZQGXgGpRwmMVoTQxQ1gIzZ2kf712nZXEQORqVJiD4bEwUNdIJ-NlXNA6Hq-TAm0g7zrOR5hj3Xg4M3Sve0dFNPu91" alt="Dc3ZfWyYskq7_V4epqST0Ru1jnW5LscVIZUZyHB3o1pjetyZQGXgGpRwmMVoTQxQ1gIzZ2kf712nZXEQORqVJiD4bEwUNdIJ-NlXNA6Hq-TAm0g7zrOR5hj3Xg4M3Sve0dFNPu91"></td>
      <td><code>@string/jwplayer_advertising_ad_x_of_y @string/jwplayer_advertising_remaining_time</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_small</code></td>
      <td><code>JWText.VastAdMessage</code></td>
      <td><code>Ad message, configurable via the string resources.</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/gV8SDAdn4SFh724kCAg16jzbouMMH8jfBul3RJqAgPGHbJrKMkyj5KPYzwf6SmFOnZHG3B_OsMMO551Q7A9Q6ROIQ-sJdW5szFxj-S-nB-ZAYkqkl-is8Ox0aMSaOVL9vqp8tGkV" alt="gV8SDAdn4SFh724kCAg16jzbouMMH8jfBul3RJqAgPGHbJrKMkyj5KPYzwf6SmFOnZHG3B_OsMMO551Q7A9Q6ROIQ-sJdW5szFxj-S-nB-ZAYkqkl-is8Ox0aMSaOVL9vqp8tGkV"></td>
      <td><code>@drawable/jw_vast_seek_progress_drawable</code></td>
      <td><code>@color/jw_vast_progress</code></td>
      <td><code>@dimen/jw_seekbar_thickness</code></td>
      <td><code>VastProgress</code></td>
      <td><code>Ad progress</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/TUttU6BAeGFhmB7TE3IdY1xnqj2gdKoVV2AJ1LnXH2NrxlILgty6dX5rh7exVmJqbEGgxu0X_Vfnx2axvMZ3nw1lNuBijmV1N2wWyJuWTFBVPHQURBu9aq473EBiF_wIdEU1m7_7" alt="TUttU6BAeGFhmB7TE3IdY1xnqj2gdKoVV2AJ1LnXH2NrxlILgty6dX5rh7exVmJqbEGgxu0X_Vfnx2axvMZ3nw1lNuBijmV1N2wWyJuWTFBVPHQURBu9aq473EBiF_wIdEU1m7_7"></td>
      <td><code>@drawable/jw_vast_seek_progress_drawable</code></td>
      <td><code>@color/jw_seekbar_background</code></td>
      <td><code>@dimen/jw_seekbar_thickness</code></td>
      <td><code>VastProgress</code></td>
      <td><code>Progressbar background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/QoGNC2W_WlbcgFrI4FzG33NlYz-xW61d6psZVrMHKpIXVfK7esmng0WafHMBo_2lXEYZBpA-4SNLSwxYDN4tBDVWu3dopK6JSjhOO2nZKO93Dpg8rFYXx2EQg1TEhO6rd_iL7nwY" alt="QoGNC2W_WlbcgFrI4FzG33NlYz-xW61d6psZVrMHKpIXVfK7esmng0WafHMBo_2lXEYZBpA-4SNLSwxYDN4tBDVWu3dopK6JSjhOO2nZKO93Dpg8rFYXx2EQg1TEhO6rd_iL7nwY"></td>
      <td><code>@drawable/bg_jw_vast_skip @drawable/ic_jw_skip</code></td>
      <td><code>@color/jw_surface_secondary_non_opaque @color/jw_icons_active @color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_small</code></td>
      <td><code>JWText.VastSkip</code></td>
      <td><code>Skip button</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/yTfG3pOyECAkHycSbetNYRQZUaQp-JzwxIjHfp0ttlvsyaUCGDAi9EaCakoB97sO-vJzlboEU7hFeYbJCcI3mTCyRWe4JnGPWA3G5AjXzXub8LPl0dSAsFCGBR05A8ct0nbtNAYg" alt="yTfG3pOyECAkHycSbetNYRQZUaQp-JzwxIjHfp0ttlvsyaUCGDAi9EaCakoB97sO-vJzlboEU7hFeYbJCcI3mTCyRWe4JnGPWA3G5AjXzXub8LPl0dSAsFCGBR05A8ct0nbtNAYg"></td>
      <td><code>@drawable/ic_jw_close</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.VastClose</code></td>
      <td><code>Exit fullscreen icon, shown when the player is in fullscreen, tapping it exits fullscreen</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/5fFpyK1HyneAE2QXwuhZw8KA4ytL-MPf0SKmSXeOyDLtvRQr6Y164A3HcNhL5QFgSYSqMJPaVuStN-O5Y29hriaqrvfDxkKhCUkLVBCW-fgXI_5wj8CpLY-Cif0SQPfkyrTmaEPW" alt="5fFpyK1HyneAE2QXwuhZw8KA4ytL-MPf0SKmSXeOyDLtvRQr6Y164A3HcNhL5QFgSYSqMJPaVuStN-O5Y29hriaqrvfDxkKhCUkLVBCW-fgXI_5wj8CpLY-Cif0SQPfkyrTmaEPW"></td>
      <td><code>@drawable/ic_jw_pip</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.VastPip</code></td>
      <td><code>PiP icon, tapping it puts the player/activity in PiP mode</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/zLPC-4ZTMqRjWQxajHd18f4mXFWbG-lSRRQ1JP3ayljdKU6qoGsmsAyYFu8uDZp8xgJJTSQh__DYH5rKW6ZU31zoLhFJno1IoKHVRTkiV_iWKfpAfFo9-Fxtrk-suenV1SebbaSq" alt="zLPC-4ZTMqRjWQxajHd18f4mXFWbG-lSRRQ1JP3ayljdKU6qoGsmsAyYFu8uDZp8xgJJTSQh__DYH5rKW6ZU31zoLhFJno1IoKHVRTkiV_iWKfpAfFo9-Fxtrk-suenV1SebbaSq"></td>
      <td><code>@drawable/ic_jw_enter_fullscreen</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.VastFullscreen</code></td>
      <td><code>Enter fullscreen icon, shown when the player is not in fullscreen, tapping it enters fullscreen</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/Y9swPEEteHJL4bjGsL73IKxaTjtGntngYdz_IcuyHtHWP9m_Av8By3x3xLOW5GrCStviBdGzsWhnhkyN-Me6rWN8v9BU4HAck4_kN6yib_izntKA7KURbJPI50LQlaXRpwp_I4r6" alt="Y9swPEEteHJL4bjGsL73IKxaTjtGntngYdz_IcuyHtHWP9m_Av8By3x3xLOW5GrCStviBdGzsWhnhkyN-Me6rWN8v9BU4HAck4_kN6yib_izntKA7KURbJPI50LQlaXRpwp_I4r6"></td>
      <td><code>@drawable/ic_jw_exit_fullscreen</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.VastFullscreen</code></td>
      <td><code>Exit fullscreen icon, shown when the player is in fullscreen, tapping it exits fullscreen</code></td>
    </tr>
  </tbody>
</table>
<br />
### Menus
﻿
UiGroup.SETTINGS_MENU
MenuView
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/Ew6960PhZH14bCJ1F01agem7xDxW3PfxKwS-IhsZ5OtRXCyVYwtHIoRR28xz-ERnU-qSRkui_nhe_IC2JMseVO9P0WrU9mI3UcToJKpsw3UlGGjkqWxhOfM9ZU6N6ljdGOlA74rr" alt="Ew6960PhZH14bCJ1F01agem7xDxW3PfxKwS-IhsZ5OtRXCyVYwtHIoRR28xz-ERnU-qSRkui_nhe_IC2JMseVO9P0WrU9mI3UcToJKpsw3UlGGjkqWxhOfM9ZU6N6ljdGOlA74rr"></td>
      <td><code>@drawable/bg_jw_menu</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td>N/A</td>
      <td><code>JWView.Menu.Settings</code></td>
      <td><code>The menu background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/d3uRS7MOsdHACamhpfRonucJ5e5xFzXpQLVd75GBKYwGGcuDHvY4Mmw_-gY7J3vYJ7y6JyY3Iv0fUbQzsVgEScoinMrpZiS5j0e_GAeUHNa3oOpUkmJ1xxbcm46kLVBTKv9AoQZc" alt="d3uRS7MOsdHACamhpfRonucJ5e5xFzXpQLVd75GBKYwGGcuDHvY4Mmw_-gY7J3vYJ7y6JyY3Iv0fUbQzsVgEScoinMrpZiS5j0e_GAeUHNa3oOpUkmJ1xxbcm46kLVBTKv9AoQZc"></td>
      <td><code>@drawable/ic_jw_captions_off</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td>N/A</td>
      <td><code>JWIcon.MenuOption</code></td>
      <td><code>Icon for alternate audio and captions. Tapping this takes you to the Audio & Subtitles submenu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/fGuQmBXOOW-wqKzw8BA7BSaBVVUzpVprRaZcUvi_gHQ_eEg3mttxvpaUD5HLKau0QBO1g5ZO2QDGsm4SOfKjSZDZZMf9qIkaUaKnw1A362zZQWbG6v62qh1o_fvEFGrU-A2_KiQP" alt="fGuQmBXOOW-wqKzw8BA7BSaBVVUzpVprRaZcUvi_gHQ_eEg3mttxvpaUD5HLKau0QBO1g5ZO2QDGsm4SOfKjSZDZZMf9qIkaUaKnw1A362zZQWbG6v62qh1o_fvEFGrU-A2_KiQP"></td>
      <td><code>@string/jwplayer_audio_and_subtitles</code></td>
      <td>N/A</td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.MenuOptionLabel</code></td>
      <td><code>Label for the Audio & Subtitles submenu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/3Qs6t6uxZ84NbNDQUs7uci2Ie07VUItc3Csrc4jMZioxv2NkqVEJWJt_YFAuqA2iiUCRsHLx412yrzVKBIKX_iPJGobkQP5oYa2KIxV1nzmm_8iQ6RK9gEjamwZl1mRiDfOj7zxv" alt="3Qs6t6uxZ84NbNDQUs7uci2Ie07VUItc3Csrc4jMZioxv2NkqVEJWJt_YFAuqA2iiUCRsHLx412yrzVKBIKX_iPJGobkQP5oYa2KIxV1nzmm_8iQ6RK9gEjamwZl1mRiDfOj7zxv"></td>
      <td><code>@drawable/ic_jw_play<code>back_rate</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td>N/A</td>
      <td><code>JWIcon.MenuOption</code></td>
      <td><code>Icon for playback speed. Tapping this takes you to the Playback speed submenu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/QZ6i91fijy3c5C3UXD_73YXlwkw_YITgN4n1DYPJlbidPZsOC6zsAzMnGNO3rsf3nBmH9QeBECdODqUlVUM8NvqOnvMnInet4-Q1OBp67htgZX4-3CDeDJGdRiGrgBiFJQkGAb_m" alt="QZ6i91fijy3c5C3UXD_73YXlwkw_YITgN4n1DYPJlbidPZsOC6zsAzMnGNO3rsf3nBmH9QeBECdODqUlVUM8NvqOnvMnInet4-Q1OBp67htgZX4-3CDeDJGdRiGrgBiFJQkGAb_m"></td>
      <td><code>@string/jwplayer_playback_rates</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.MenuOptionLabel</code></td>
      <td><code>Label for the Playback Speed submenu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/WGOveyr5wMw5bKkoL9T5PozcJWuHeSxtJoz_ca5_GbbR7F4x2DunBdyHOhCu_phK1SoAb3hxAZbdx_EFiqdY-vLc_4FtSbhCMnhusuDNZxNggcsM-pup5PEXFiPj6c4Bes_kt-Cq" alt="WGOveyr5wMw5bKkoL9T5PozcJWuHeSxtJoz_ca5_GbbR7F4x2DunBdyHOhCu_phK1SoAb3hxAZbdx_EFiqdY-vLc_4FtSbhCMnhusuDNZxNggcsM-pup5PEXFiPj6c4Bes_kt-Cq"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_secondary</code></td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.MenuOptionValue</code></td>
      <td><code>Indicator showing the current Playback Speed</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/bIg0iF9M6bV_dqQ2kZkxeH-rROblMIii3lIAq1IrGzID4upGMFAPiOHvUsVzi8IlDb6N-o9KvgybnQ0GWDYjZvhtrxi_jev9Mi6Z07TGu1-GCghMqmRhE2PIbJyPqPRzSjJXO0LD" alt="bIg0iF9M6bV_dqQ2kZkxeH-rROblMIii3lIAq1IrGzID4upGMFAPiOHvUsVzi8IlDb6N-o9KvgybnQ0GWDYjZvhtrxi_jev9Mi6Z07TGu1-GCghMqmRhE2PIbJyPqPRzSjJXO0LD"></td>
      <td><code>@drawable/ic_jw_quality_100</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td>N/A</td>
      <td><code>JWIcon.MenuOption</code></td>
      <td><code>Icon for video quality. Tapping this takes you to the qualities submenu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/aAz0NAcrvJ9w1EkLQNkYFJPCNK5-NeWBIrhyJrcTXNe4_hLuNILm1R-ygyWjg4eXulAPf8Q-pJ6sJadx_wO-Y8ZEPVTCSbMjMyPFJSa_BS1T9AC4FtnX0ZFA2sMxybj5bOgEWqDP" alt="aAz0NAcrvJ9w1EkLQNkYFJPCNK5-NeWBIrhyJrcTXNe4_hLuNILm1R-ygyWjg4eXulAPf8Q-pJ6sJadx_wO-Y8ZEPVTCSbMjMyPFJSa_BS1T9AC4FtnX0ZFA2sMxybj5bOgEWqDP"></td>
      <td><code>@string/jwplayer_quality</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.MenuOptionLabel</code></td>
      <td><code>Label for the Quality submenu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/ZRC5Wa0v--Wa5dkbCVgLmQZ6y-vaa7PWYw09rmLOJ-EOeiLehMFjJi9TF0Ercz4e8A-RHWyGf72HsIDpblE_jqmaajaKcPx9l6AUQbm_WWHNLaAeeLrrxSXvTejS1w5xNBqyqItK" alt="ZRC5Wa0v--Wa5dkbCVgLmQZ6y-vaa7PWYw09rmLOJ-EOeiLehMFjJi9TF0Ercz4e8A-RHWyGf72HsIDpblE_jqmaajaKcPx9l6AUQbm_WWHNLaAeeLrrxSXvTejS1w5xNBqyqItK"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_secondary</code></td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.MenuOptionValue</code></td>
      <td><code>Indicator showing the current Quality</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/3qwCdylbZ_7KgmOm9mb_I-QyUP7QFtlg50qIgj4ecnGDDgMVb1bV2CHzYgbjvTBxXigcg8QC1HlN5kKmuCaWlvyFbQIhGbTK6rXCuqkxu8cG3ojbgtTsKwHdk_SkHG_PnYxWjZvg" alt="3qwCdylbZ_7KgmOm9mb_I-QyUP7QFtlg50qIgj4ecnGDDgMVb1bV2CHzYgbjvTBxXigcg8QC1HlN5kKmuCaWlvyFbQIhGbTK6rXCuqkxu8cG3ojbgtTsKwHdk_SkHG_PnYxWjZvg"></td>
      <td>N/A</td>
      <td><code>@color/jw_separator_non_opaque</code></td>
      <td>N/A</td>
      <td><code>JWHorizontalDivider.Menu</code></td>
      <td><code>Divider meant to divide the list from the close button</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/mWdwXil5y9p9AoY7aE7uZY7p5aTjUGwi5RPkOxL6S4J8YISzaRg-czvX71Aui3pIDZxISAnDlXV1wf7jZTyEnXarF2k64CMh0D4iVRSx_qB37WqZbSJcdm1Edegz5KEvYqjCieSN" alt="mWdwXil5y9p9AoY7aE7uZY7p5aTjUGwi5RPkOxL6S4J8YISzaRg-czvX71Aui3pIDZxISAnDlXV1wf7jZTyEnXarF2k64CMh0D4iVRSx_qB37WqZbSJcdm1Edegz5KEvYqjCieSN"></td>
      <td><code>@string/jwplayer_close</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge @dimen/jw_icon</code></td>
      <td><code>JWText.MenuClose</code></td>
      <td><code>Close button</code></td>
    </tr>
  </tbody>
</table>
<br />
﻿
UiGroup.CHAPTERS
ChaptersView
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/XxqGjiTEvrn3dmQKn4yZhASs1CAomvTZQIBAmAoXe1YO6ztMoqTINmsmP-LkX1mtbc6UJd0pxfoacp5HK35fxDFC8B5zeMirozgDMAfjf3xsN-DcH6qAz68UIJpQHR2_QDG_xleN" alt="XxqGjiTEvrn3dmQKn4yZhASs1CAomvTZQIBAmAoXe1YO6ztMoqTINmsmP-LkX1mtbc6UJd0pxfoacp5HK35fxDFC8B5zeMirozgDMAfjf3xsN-DcH6qAz68UIJpQHR2_QDG_xleN"></td>
      <td><code>@drawable/bg_jw_menu</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td>N/A</td>
      <td><code>JWView.Menu.Chapters</code></td>
      <td><code>The menu background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/fuZotOMX1evpG0gjZJULqzrYjrvjkBDwyXRFxK7Mjl5fOZVnhfatfHHkOxhSUTc3vOmWHBpXJKXLnEipOJT_glUHSJZqzY8uCmxUXg1iJCQayJJfZJ6OtlyQ9VvgOj9sb0h2-VWb" alt="fuZotOMX1evpG0gjZJULqzrYjrvjkBDwyXRFxK7Mjl5fOZVnhfatfHHkOxhSUTc3vOmWHBpXJKXLnEipOJT_glUHSJZqzY8uCmxUXg1iJCQayJJfZJ6OtlyQ9VvgOj9sb0h2-VWb"></td>
      <td>N/A</td>
      <td>N/A</td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWImage.ChaptersItemPoster JWRoundedImageView.Chapters</code></td>
      <td><code>The thumbnail of the chapter. Derived from the chapters VTT file</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/_qa2zKp5uNssCeBJEvHpVittDVDKu0D_dcAomdiiEquBe9gsloaYCnpYynV2kTHky2dxIve9nJ2TqJwSF7qDka78hjocaXyjxzuPExKxqSDROsaNVe9VHlEG8kG1v2W35CslcgjG" alt="_qa2zKp5uNssCeBJEvHpVittDVDKu0D_dcAomdiiEquBe9gsloaYCnpYynV2kTHky2dxIve9nJ2TqJwSF7qDka78hjocaXyjxzuPExKxqSDROsaNVe9VHlEG8kG1v2W35CslcgjG"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.ChaptersItemTitle</code></td>
      <td><code>Name of the chapter</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/t7GAbO3-ilU25mq__Z63CmpzScRzJ8dzj29g45prZYIAAC_neQeCac1qtm_EcdgUKZ34uf-dFdrDmIYmx7xkgBT0cyA_C5QQMSs946-C9YLbPi7AiF2Bv5kZvUAuwqrNWMgisEVj" alt="t7GAbO3-ilU25mq__Z63CmpzScRzJ8dzj29g45prZYIAAC_neQeCac1qtm_EcdgUKZ34uf-dFdrDmIYmx7xkgBT0cyA_C5QQMSs946-C9YLbPi7AiF2Bv5kZvUAuwqrNWMgisEVj"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_secondary</code></td>
      <td><code>@dimen/jw_text_xxlarge</code></td>
      <td><code>JWText.ChaptersItemPosition</code></td>
      <td><code>Time the chapter begins</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/atnVUX5ze3vDMWEFyf4JIqeQC_unh_JCgtNaB6tIhMTbBTKixxX_K7MwZQ7lqfaIxorq0TCKK7NpMQMVEfKl6tqzV-CR5spPGU4qqO3Z-xtvEuU7OQestTygYhfAibFGB_9e8zAj" alt="atnVUX5ze3vDMWEFyf4JIqeQC_unh_JCgtNaB6tIhMTbBTKixxX_K7MwZQ7lqfaIxorq0TCKK7NpMQMVEfKl6tqzV-CR5spPGU4qqO3Z-xtvEuU7OQestTygYhfAibFGB_9e8zAj"></td>
      <td>N/A</td>
      <td><code>@color/jw_separator_non_opaque</code></td>
      <td>N/A</td>
      <td><code>JWHorizontalDivider.Chapters</code></td>
      <td><code>Divider meant to divide the list from the close button</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/EzFqLhqJjUM9x-2i-XOP2uNkcM8_yoBjKRoavVFj4Tdwhs-2blR2b2HzOt6WHRjV1htyTJ9XPe2A83PUzNGyjEDP7ZMag8IQyx9uMwlfeAV0S0LGQWRpudvXiR2I969g5E-g7d2Z" alt="EzFqLhqJjUM9x-2i-XOP2uNkcM8_yoBjKRoavVFj4Tdwhs-2blR2b2HzOt6WHRjV1htyTJ9XPe2A83PUzNGyjEDP7ZMag8IQyx9uMwlfeAV0S0LGQWRpudvXiR2I969g5E-g7d2Z"></td>
      <td><code>@string/jwplayer_close</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge @dimen/jw_icon</code></td>
      <td><code>JWText.ChaptersClose</code></td>
      <td><code>Close button</code></td>
    </tr>
  </tbody>
</table>
<br />
### Overlays
﻿
UiGroup.ERROR
ErrorView
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/jB89EmJszNPFpFQyvX7n-uZGIcBsL6C_2GbQFO576ng1CagktnQxzOKppneAYFfo3D40fg-Xiayp3gR45J-msHfCGv6EnEyw1uV80rCN8gscNI7hFSkqgpHYC9mTUjgL_2GQvWZF" alt="jB89EmJszNPFpFQyvX7n-uZGIcBsL6C_2GbQFO576ng1CagktnQxzOKppneAYFfo3D40fg-Xiayp3gR45J-msHfCGv6EnEyw1uV80rCN8gscNI7hFSkqgpHYC9mTUjgL_2GQvWZF"></td>
      <td><code>@drawable/bg_jw_error</code></td>
      <td><code>@color/jw_surface_primary</code></td>
      <td>N/A</td>
      <td><code>JWContainer.Error</code></td>
      <td><code>The error background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/sepRHq5uoPjikRHIEZihPp-KmeCs9hnqcaxo7wsrZtlL2jy8KX9W3A2HrT9OqlHZYIYjuSDFEOU8H_AdpIVp6A5wE7MzwIGoyWYB2qtsXT9r-sXXgDBjpYF0uzcXRPDLIjqeyBUi" alt="sepRHq5uoPjikRHIEZihPp-KmeCs9hnqcaxo7wsrZtlL2jy8KX9W3A2HrT9OqlHZYIYjuSDFEOU8H_AdpIVp6A5wE7MzwIGoyWYB2qtsXT9r-sXXgDBjpYF0uzcXRPDLIjqeyBUi"></td>
      <td><code>@drawable/ic_jw_play<code>back_error</code></td>
      <td><code>@color/jw_icons_active</code></td>
      <td><code>@dimen/jw_large_icon</code></td>
      <td><code>JWImage.ErrorIcon</code></td>
      <td><code>Error indicator</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/jvD4Q58lozgiwcSgZCJYTvVutmdBO0UIo9qqJmWUld6pyKXz6BF3KXwYJN-R2aN-VozhPBQQebjpEXFPiwyYYjmdwY1lRQWjm06mB5kf0GGwm3h8hgATZfp3sjLOPB3YmmwuzSpD" alt="jvD4Q58lozgiwcSgZCJYTvVutmdBO0UIo9qqJmWUld6pyKXz6BF3KXwYJN-R2aN-VozhPBQQebjpEXFPiwyYYjmdwY1lRQWjm06mB5kf0GGwm3h8hgATZfp3sjLOPB3YmmwuzSpD"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.ErrorMessage</code></td>
      <td><code>Error message</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/ifv7TUEX7ztT12wLY2_x93jnKcEXOT_lb4W1NEiocGpxaQN4Z4G-tKrGxBipFum0ioWdIGzVSH015qj3KvE9Gf77a6lQyRXUd6AAIygSm3aRBVvmDc6en2c4QETIsY9VqwvV58Oa" alt="ifv7TUEX7ztT12wLY2_x93jnKcEXOT_lb4W1NEiocGpxaQN4Z4G-tKrGxBipFum0ioWdIGzVSH015qj3KvE9Gf77a6lQyRXUd6AAIygSm3aRBVvmDc6en2c4QETIsY9VqwvV58Oa"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_secondary</code></td>
      <td><code>@dimen/jw_text_xxsmall</code></td>
      <td><code>JWText.ErrorCode</code></td>
      <td><code>Error code</code></td>
    </tr>
  </tbody>
</table>
<br />
### Playlists
﻿
UiGroup.PLAYLIST
PlaylistView
﻿
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/td-x55Fzyx_HRiGqEZ3S-w4t_CnE6RgD-5p5-72_HoNATYkKIJpoqt08y-BrsEODysIjdfJJeOX4rwYPXjAKY76kkaqzkVMd5iFMK59OdpH98s738KilMIGAVHbUv-90Sed2MGta" alt="td-x55Fzyx_HRiGqEZ3S-w4t_CnE6RgD-5p5-72_HoNATYkKIJpoqt08y-BrsEODysIjdfJJeOX4rwYPXjAKY76kkaqzkVMd5iFMK59OdpH98s738KilMIGAVHbUv-90Sed2MGta"></td>
      <td><code>@drawable/bg_jw_playlist</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td>N/A</td>
      <td><code>JWContainer.Playlist</code></td>
      <td><code>The playlist background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/klcCbrw2iyo4eclltwNGleYbUxDj83-Z672vnSXIJp4RoXlS15C27ibvs2db4dYwXkhxNxIb60Qi793xc4MuShHdbLLLUCnXH3wny8ekq6UglNdRyX-tzlWRx_CCrYGdTj__AzNm" alt="klcCbrw2iyo4eclltwNGleYbUxDj83-Z672vnSXIJp4RoXlS15C27ibvs2db4dYwXkhxNxIb60Qi793xc4MuShHdbLLLUCnXH3wny8ekq6UglNdRyX-tzlWRx_CCrYGdTj__AzNm"></td>
      <td><code>@string/jwplayer_playlist</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xxlarge</code></td>
      <td><code>JWText.PlaylistHeader</code></td>
      <td><code>Playlist heading, indicates that the items currently visible are part of a playlist</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/f7E4SAze2f1lNM5hBvVn2bSqZk-udVGrXfeQOSwIOUf1DZhGi1AhhpBl04STV-7-d-A2UTsFOGJjimO2gZa0RXdoqzw0OXi4e7QbSDDW9M31Ua6ZhSb-Vha96500NRm4eH9XsJmO" alt="f7E4SAze2f1lNM5hBvVn2bSqZk-udVGrXfeQOSwIOUf1DZhGi1AhhpBl04STV-7-d-A2UTsFOGJjimO2gZa0RXdoqzw0OXi4e7QbSDDW9M31Ua6ZhSb-Vha96500NRm4eH9XsJmO"></td>
      <td><code>@drawable/bg_jw_playlist_button_border</code></td>
      <td><code>@color/jw_fill_primary</code></td>
      <td><code>@dimen/jw_thin_border</code></td>
      <td><code>JWText.PlaylistResume</code></td>
      <td><code>Resume button border</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/S8FZ-l3VHporKdFpdDNyvCzPPiXxDNe4Li4kpz4bGZBUz5ljaRoHrkFRntwOKYobSx-l2XQO8yKhMaWKG8y_hemSDGyXM7DLlT-5dstsmPLkfOyLVQDWcK3BNkqDFIhsvVzAI5My" alt="S8FZ-l3VHporKdFpdDNyvCzPPiXxDNe4Li4kpz4bGZBUz5ljaRoHrkFRntwOKYobSx-l2XQO8yKhMaWKG8y_hemSDGyXM7DLlT-5dstsmPLkfOyLVQDWcK3BNkqDFIhsvVzAI5My"></td>
      <td><code>@drawable/ic_jw_play<code>list_resume</code></td>
      <td><code>@color/jw_icons_active</code></td>
      <td>N/A</td>
      <td><code>JWText.PlaylistResume</code></td>
      <td><code>Resume button Play icon</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/dRDdCpYyIbETMcpujxVi5uek_rh70h_8mXV8scC-A9z7JQye80G6MJGWThcue6N5rzzB1QzPI-kX_OCLUg_xJ3TsEFEhBG8eVcASn14RzRRo-n-C9TDmJG1bn7j8Bxhr75741Tsi" alt="dRDdCpYyIbETMcpujxVi5uek_rh70h_8mXV8scC-A9z7JQye80G6MJGWThcue6N5rzzB1QzPI-kX_OCLUg_xJ3TsEFEhBG8eVcASn14RzRRo-n-C9TDmJG1bn7j8Bxhr75741Tsi"></td>
      <td><code>@string/jwplayer_resume</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.PlaylistResume</code></td>
      <td><code>Resume button text resource</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/hMaOAvIuxSSpEPblffbQbUBXQkrbu647mTvkWdSqKguieiXxrQ36c9DphtgK02093WLlQz3cJztbDn17FWqr6e7Z5afk_-x5BoT7kdxePqjJeXcwucqKw0yRxhxVJIvQKm5Wmxm1" alt="hMaOAvIuxSSpEPblffbQbUBXQkrbu647mTvkWdSqKguieiXxrQ36c9DphtgK02093WLlQz3cJztbDn17FWqr6e7Z5afk_-x5BoT7kdxePqjJeXcwucqKw0yRxhxVJIvQKm5Wmxm1"></td>
      <td><code>@drawable/bg_jw_playlist_button_border</code></td>
      <td><code>@color/jw_fill_primary</code></td>
      <td><code>@dimen/jw_thin_border</code></td>
      <td><code>JWText.PlaylistExitFullscreen</code></td>
      <td><code>Exit fullscreen button border</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/5_nYvxRA3HZ1DLu2Pt6_qLeMjmfIueOl3eUwQao2viwV1GMK2Hc6wRe0_mHFYYyfYO761Lxg6pdsMHKRgmLwpQzvrV-aX-kJcr8Rmfgx4QyG9h6iGOcshTffCOAc-IEqJADUkIJ3" alt="5_nYvxRA3HZ1DLu2Pt6_qLeMjmfIueOl3eUwQao2viwV1GMK2Hc6wRe0_mHFYYyfYO761Lxg6pdsMHKRgmLwpQzvrV-aX-kJcr8Rmfgx4QyG9h6iGOcshTffCOAc-IEqJADUkIJ3"></td>
      <td><code>@drawable/ic_jw_play<code>list_exit_fullscreen</code></td>
      <td><code>@color/jw_icons_active</code></td>
      <td>N/A</td>
      <td><code>JWText.PlaylistExitFullscreen</code></td>
      <td><code>Exit fullscreen icon</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/ajTc9ESvKlkuTimbzskO4aBzlqYdvbhUgn016uKPoBTkaLxmPdBwEl9TvlKG5uHS54VLhMUKETxBEnxorKIuwyaAZ-7WHgVWU1cSmwjKi726Lmqb1-YKfpyYIYWdI-FOjyo47wJH" alt="ajTc9ESvKlkuTimbzskO4aBzlqYdvbhUgn016uKPoBTkaLxmPdBwEl9TvlKG5uHS54VLhMUKETxBEnxorKIuwyaAZ-7WHgVWU1cSmwjKi726Lmqb1-YKfpyYIYWdI-FOjyo47wJH"></td>
      <td><code>@string/jwplayer_exit_fullscreen</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.PlaylistExitFullscreen</code></td>
      <td><code>Exit Fullscreen text resource</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/qdVp9ApFs7pt0eUpRLJn5ReasVvs7BDy2tXdxcFbJMp0Tcd39CxT4clQwTx5OH0o3ovI71Z86O57dAGjOZsY1GUEWNizrYMrxrsIGcGuqwudgp1rYANufzStTQAfNR-l7pxE1L0g" alt="qdVp9ApFs7pt0eUpRLJn5ReasVvs7BDy2tXdxcFbJMp0Tcd39CxT4clQwTx5OH0o3ovI71Z86O57dAGjOZsY1GUEWNizrYMrxrsIGcGuqwudgp1rYANufzStTQAfNR-l7pxE1L0g"></td>
      <td>N/A</td>
      <td><code>@color/jw_fill_primary</code></td>
      <td>N/A</td>
      <td><code>JWImage.PlaylistItemPoster JWRoundedImageView.Playlist</code></td>
      <td><code>The playlist item's poster image as defined by the metadata provided to the player</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/bfC_yjUc2_BcT7WHZBn_JlF9Ub2Cfz33mX_dhWqsMEQyrOPlpo6dqn_RlgqMnqneuzOUMX3jN_z1CqwODfEmz4hGAwss-B3l2eyXGNHNMh4eYhy-7HVQYSiVek0vsH0Kd2-0xEdS" alt="bfC_yjUc2_BcT7WHZBn_JlF9Ub2Cfz33mX_dhWqsMEQyrOPlpo6dqn_RlgqMnqneuzOUMX3jN_z1CqwODfEmz4hGAwss-B3l2eyXGNHNMh4eYhy-7HVQYSiVek0vsH0Kd2-0xEdS"></td>
      <td><code>@string/jwplayer_just_watched @drawable/bg_jw_playlist_item_poster_overlay</code></td>
      <td><code>@color/jw_labels_primary<code> @color/jw_surface_transparent_black</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.PlaylistItemWatched</code></td>
      <td><code>Just Watched, indicates the current playlist item</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/fvA241pu2PzOJh9ij3siHx2hvKzN3AoTQHzDlM_0ntPGXXmFLlLXfpSYkPcWQSL3IijBGBo-nktw8q9-fAYCZ3kr0sCmCkcfShcgiu7twGQksDwA8mFNdhd16aBIZupZDQuMxpRU" alt="fvA241pu2PzOJh9ij3siHx2hvKzN3AoTQHzDlM_0ntPGXXmFLlLXfpSYkPcWQSL3IijBGBo-nktw8q9-fAYCZ3kr0sCmCkcfShcgiu7twGQksDwA8mFNdhd16aBIZupZDQuMxpRU"></td>
      <td><code>@drawable/bg_jw_playlist_item_duration</code></td>
      <td><code>@color/jw_labels_primary<code> @color/jw_surface_primary</code></td>
      <td><code>@dimen/jw_text_xsmall</code></td>
      <td><code>JWText.PlaylistItemDuration</code></td>
      <td><code>Duration of the playlist item as defined by the metadata provided to the player</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/PWFD7OqojzzbuWXIT4gJTW0wMoDlnPbq6hkOr2WgVJAOH4ptJCe9Niu0Z-mLvPG8TA5vqEVCmeXZl1UFS8A8aeAPG0AfBf_bdIutMdeSameeEUEsQVcD_08OaNPmgcPWv37-pygd" alt="PWFD7OqojzzbuWXIT4gJTW0wMoDlnPbq6hkOr2WgVJAOH4ptJCe9Niu0Z-mLvPG8TA5vqEVCmeXZl1UFS8A8aeAPG0AfBf_bdIutMdeSameeEUEsQVcD_08OaNPmgcPWv37-pygd"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.PlaylistItemTitle</code></td>
      <td><code>Playlist item's title as defined by the metadata provided to the player</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/_ewiX5Ls9tAS_YgXmaYyMe1EaLZHWHBWIyxQ8clP5y9EsOtF-Gcepka1iLmjwPnGHRkOCVn3v6NWWPNiSbEHXwSpQPsG33mzAC-h67kZXNSoAB6w2YYISzlrCDnuqVPU8zI3-VLq" alt="_ewiX5Ls9tAS_YgXmaYyMe1EaLZHWHBWIyxQ8clP5y9EsOtF-Gcepka1iLmjwPnGHRkOCVn3v6NWWPNiSbEHXwSpQPsG33mzAC-h67kZXNSoAB6w2YYISzlrCDnuqVPU8zI3-VLq"></td>
      <td><code>@string/jwplayer_recommendations</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xxlarge</code></td>
      <td><code>JWText.PlaylistHeader</code></td>
      <td><code>Recommendations heading, indicates that the items currently visible are recommended media</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/b9zGNdMBXV3FfQ9hcrE096wR4RaK2H9dtvyeacbe73udbEspjMk5EOqEbxp4UTgDms1ll5l-U3Yvm_2K4ahJtL25Didt7s9UwMiFvPjmf0h8VI4NurlDxOY0A09fXoiUkHlmtQ6o" alt="b9zGNdMBXV3FfQ9hcrE096wR4RaK2H9dtvyeacbe73udbEspjMk5EOqEbxp4UTgDms1ll5l-U3Yvm_2K4ahJtL25Didt7s9UwMiFvPjmf0h8VI4NurlDxOY0A09fXoiUkHlmtQ6o"></td>
      <td>N/A</td>
      <td><code>@color/jw_autoplay_progress @color/jw_autoplay_background</code></td>
      <td>N/A</td>
      <td><code>JWIcon.PlaylistNextUpCircularProgress</code></td>
      <td><code>Progress bar indicating the countdown to the next playlist item</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/r8nk6cBOGhw62ZnV4ja6GcCjaeLUZ55CTVo5wBnBXN9uChEp6a4h5z7wmCo-zTgjAKjgkw2hsCL-AE7fNc3woqye1i4tQDTPXp5wbZBv1zlfO_YiZUjvfmKQ4nlAABhJCRYGbE7m" alt="r8nk6cBOGhw62ZnV4ja6GcCjaeLUZ55CTVo5wBnBXN9uChEp6a4h5z7wmCo-zTgjAKjgkw2hsCL-AE7fNc3woqye1i4tQDTPXp5wbZBv1zlfO_YiZUjvfmKQ4nlAABhJCRYGbE7m"></td>
      <td><code>@drawable/ic_jw_play</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td>N/A</td>
      <td><code>JWIcon.PlaylistNextUpPlay</code></td>
      <td><code>Play icon</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/MKX3BmW3a6InpGQGRN-ww9nkgJedSYaIpelSv1wkk4hdicM9eHvotJ5N-tzp1f3y4gbLm6qm29j23sEjBMvhOOR8Dm2vffLQ9WDSTmmo57ZFw-IDBNnvZOHZ_wKamCuK7mGFxUq3" alt="MKX3BmW3a6InpGQGRN-ww9nkgJedSYaIpelSv1wkk4hdicM9eHvotJ5N-tzp1f3y4gbLm6qm29j23sEjBMvhOOR8Dm2vffLQ9WDSTmmo57ZFw-IDBNnvZOHZ_wKamCuK7mGFxUq3"></td>
      <td><code>@string/jwplayer_next_up_countdown</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.PlaylistNextUpCountdown</code></td>
      <td><code>Countdown indicating that the next video is about to begin</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/Hx1ZOY_6AkuoEoNt8S_WSdJVgv9vXxyac9h0YdbGcofLwt0Hgs27XBrQ462jpiJ8k8pSwI-ORXCB70z49aqqEKSNLzyBQFepHAA8O_FfgSRM8w1X81DLRpnsrwyeIZiEJwC3vZCk" alt="Hx1ZOY_6AkuoEoNt8S_WSdJVgv9vXxyac9h0YdbGcofLwt0Hgs27XBrQ462jpiJ8k8pSwI-ORXCB70z49aqqEKSNLzyBQFepHAA8O_FfgSRM8w1X81DLRpnsrwyeIZiEJwC3vZCk"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_medium</code></td>
      <td><code>JWText.PlaylistNextUpTitle</code></td>
      <td><code>The title of the next playlist item as defined by the metadata provided to the player</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/-fFld2Ib7BFvzY0PA7TeTxm3TPbRHcMtPYgisiPjf6-2bly_YX7RCCvQOC960SVQWoOFQe2ArvUGSBofcRallMfNN4e3nnzjIdIeEh3GXszkPVNYDCUz_EYRJNa1TICjf0l6rlxi" alt="-fFld2Ib7BFvzY0PA7TeTxm3TPbRHcMtPYgisiPjf6-2bly_YX7RCCvQOC960SVQWoOFQe2ArvUGSBofcRallMfNN4e3nnzjIdIeEh3GXszkPVNYDCUz_EYRJNa1TICjf0l6rlxi"></td>
      <td><code>@drawable/bg_jw_playlist_poster_gradient</code></td>
      <td><code>@color/jw_recs_gradient_light @color/jw_recs_gradient_mid @color/jw_recs_gradient_dark</code></td>
      <td>N/A</td>
      <td><code>JWContainer.PlaylistBackgroundPosterGradient</code></td>
      <td><code>Gradient overlay on top of the next up playlist item poster image</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/-fFld2Ib7BFvzY0PA7TeTxm3TPbRHcMtPYgisiPjf6-2bly_YX7RCCvQOC960SVQWoOFQe2ArvUGSBofcRallMfNN4e3nnzjIdIeEh3GXszkPVNYDCUz_EYRJNa1TICjf0l6rlxi" alt="-fFld2Ib7BFvzY0PA7TeTxm3TPbRHcMtPYgisiPjf6-2bly_YX7RCCvQOC960SVQWoOFQe2ArvUGSBofcRallMfNN4e3nnzjIdIeEh3GXszkPVNYDCUz_EYRJNa1TICjf0l6rlxi"></td>
      <td>N/A</td>
      <td>N/A</td>
      <td>N/A</td>
      <td><code>JWImage.PlaylistBackgroundPoster</code></td>
      <td><code>Poster image for the next up playlist item as defined by the metadata provided to the player</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/63u3Yuz0huLV8ObtONgb9Xo4Zvlq20jvyopGhp1YAGCZQRG5ppmn7d4l73mFDbHyzkpSJQl-v6JXx3g5tTlrEiA_vpgSo_4Y7plfvHNkwk0ZeWSfjhc1ZqzpDPPtJkrGLqZP_GKE" alt="63u3Yuz0huLV8ObtONgb9Xo4Zvlq20jvyopGhp1YAGCZQRG5ppmn7d4l73mFDbHyzkpSJQl-v6JXx3g5tTlrEiA_vpgSo_4Y7plfvHNkwk0ZeWSfjhc1ZqzpDPPtJkrGLqZP_GKE"></td>
      <td><code>@drawable/ic_jw_more_videos @drawable/bg_jw_more_videos</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint @color/jw_fill_primary</code></td>
      <td>N/A</td>
      <td><code>JWIcon.PlaylistMoreVideos</code></td>
      <td><code>More videos button, shows the recommendations feed when a playlist is loaded and recommendations are defined.</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/l9o5mployot9W7zPIbR06ZXnHVDJ0h4wm_EefHZ0ct0vV2AEHLMnExZx1SQ6KDoNiGNY9yk1WHZT_Osrl5ARpTUKsjoniniTM2zg4FsKFEnaevgnnf5f9mGR9msdgzzPUjZi60L6" alt="l9o5mployot9W7zPIbR06ZXnHVDJ0h4wm_EefHZ0ct0vV2AEHLMnExZx1SQ6KDoNiGNY9yk1WHZT_Osrl5ARpTUKsjoniniTM2zg4FsKFEnaevgnnf5f9mGR9msdgzzPUjZi60L6"></td>
      <td><code>@string/jwplayer_more_videos</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWText.PlaylistMoreVideos</code></td>
      <td><code>More videos label</code></td>
    </tr>
  </tbody>
</table>
<br />
﻿
UiGroup.NEXT_UP
NextUpView
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/xYXHOpbTU0xM4Ao7hcLhUmYEUvNToqU981-4kS6I0Fup3SsFI8g4UbbG9yhYxNmcnHVKOkGx12h_OqaOjZJ4ROdtYT_OOOawSys-KR46noy3ufEYNeVJ8Bdg0Cyz685wL7zbL3Dv" alt="xYXHOpbTU0xM4Ao7hcLhUmYEUvNToqU981-4kS6I0Fup3SsFI8g4UbbG9yhYxNmcnHVKOkGx12h_OqaOjZJ4ROdtYT_OOOawSys-KR46noy3ufEYNeVJ8Bdg0Cyz685wL7zbL3Dv"></td>
      <td><code>@drawable/bg_jw_next_up</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td><code>@dimen/jw_nextup_view_height</code></td>
      <td><code>JWView.NextUp</code></td>
      <td><code>The NextUp background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/EoidYmcbOduZQ1L6Ma3KvccTem2EvQoMdHlfJ7ColUuAKxj5NN9e-ZcvWtiSIBUbmefj7rmOpkCU1fQDrK2NFErb_0E6Zt2izb0CBCzMAsWjJLoVpKrJFEnH8dZen_Arme-VJMYi" alt="EoidYmcbOduZQ1L6Ma3KvccTem2EvQoMdHlfJ7ColUuAKxj5NN9e-ZcvWtiSIBUbmefj7rmOpkCU1fQDrK2NFErb_0E6Zt2izb0CBCzMAsWjJLoVpKrJFEnH8dZen_Arme-VJMYi"></td>
      <td>N/A</td>
      <td><code>@color/jw_fill_primary</code></td>
      <td>N/A</td>
      <td><code>JWImage.NextUpPoster</code></td>
      <td><code>Poster image for the next up playlist item as defined by the metadata provided to the player.</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/TQXMtu8kI3KR4LcX2EhctePdhuKMRasDqMzVA7ZiJEoSIsXaer5McZPDsm_s915VYOk3oCwQYmtT-2zPIW9Flf-JN5K6eWyPfzEVyNysvw3j0_iRvd6UfatVdGDNi7ljfo166mXb" alt="TQXMtu8kI3KR4LcX2EhctePdhuKMRasDqMzVA7ZiJEoSIsXaer5McZPDsm_s915VYOk3oCwQYmtT-2zPIW9Flf-JN5K6eWyPfzEVyNysvw3j0_iRvd6UfatVdGDNi7ljfo166mXb"></td>
      <td><code>@string/jwplayer_next_up_countdown</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWText.NextUpCountdown</code></td>
      <td><code>Countdown indicating that the next video is about to begin</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/XxaE4Oux5qQHmYPGLxe8t1Lf6WVPYvBeGed3fYFBgm2qprRHJaFX3rEKpEkg9m89tegFT5VLUVBFwQ7UPKehABTOLyXHnOb6wX1EUZw3Txf9qexXHnRS3AY8S7YG6RnQ6WiJW_8a" alt="XxaE4Oux5qQHmYPGLxe8t1Lf6WVPYvBeGed3fYFBgm2qprRHJaFX3rEKpEkg9m89tegFT5VLUVBFwQ7UPKehABTOLyXHnOb6wX1EUZw3Txf9qexXHnRS3AY8S7YG6RnQ6WiJW_8a"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td>N/A</td>
      <td><code>JWText.NextUpTitle</code></td>
      <td><code>The title of the next playlist item as defined by the metadata provided to the player</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/oPswVAs84zz1SkenBdgQtx0e_y96qlCu4Nw11Gys3fDLfznXnhQh1IRgjWRVnVxk9BTqknO0SbYCoygrYnXcw1hB12bL93pbEhuZxeUU5kk6FagVTtjwN-xFr-_FHmANrkb8x56w" alt="oPswVAs84zz1SkenBdgQtx0e_y96qlCu4Nw11Gys3fDLfznXnhQh1IRgjWRVnVxk9BTqknO0SbYCoygrYnXcw1hB12bL93pbEhuZxeUU5kk6FagVTtjwN-xFr-_FHmANrkb8x56w"></td>
      <td><code>@drawable/ic_jw_close @drawable/bg_jw_nextup_close</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint @color/jw_fill_quaternary</code></td>
      <td>N/A</td>
      <td><code>JWIcon.NextUpClose</code></td>
      <td><code>Dismiss button, dismisses the next up prompt</code></td>
    </tr>
  </tbody>
</table>
<br />
﻿
UiGroup.CASTING_MENU
CastingMenuView
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/GB1iP3yST3MBJWT7SsPY0gLTk6d6pufNA1stRUbb_eCuta7L5Tvzw0Sp79Rgu7Kgf5meMa3Z6k-rPbw9wcQ2i1T01p4DBeM6j5hIFyN2vnWnm1rr21VhsIseoi1K_p32Pvw2zwEn" alt="GB1iP3yST3MBJWT7SsPY0gLTk6d6pufNA1stRUbb_eCuta7L5Tvzw0Sp79Rgu7Kgf5meMa3Z6k-rPbw9wcQ2i1T01p4DBeM6j5hIFyN2vnWnm1rr21VhsIseoi1K_p32Pvw2zwEn"></td>
      <td><code>@drawable/bg_jw_menu</code></td>
      <td><code>@color/jw_surface_secondary</code></td>
      <td>N/A</td>
      <td><code>JWView.Menu.Cast</code></td>
      <td><code>The menu background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh4.googleusercontent.com/6OA02dztIZJFkFagLICjJ-dzJq67B5_1q8hVV77mJGYRGrLY6e-cal4bvlbmVRwXo4oZTYP6BtWeK0v1tQBgDk8xHxyT_bH3BoGkgbhLpQMy2TKaketSh_tn6G-N-eZkboJ9QO0t" alt="6OA02dztIZJFkFagLICjJ-dzJq67B5_1q8hVV77mJGYRGrLY6e-cal4bvlbmVRwXo4oZTYP6BtWeK0v1tQBgDk8xHxyT_bH3BoGkgbhLpQMy2TKaketSh_tn6G-N-eZkboJ9QO0t"></td>
      <td><code>@string/jwplayer_cast_connect_to_a_device</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.CastTitle</code></td>
      <td><code>Title and call to action for the casting menu</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/vx9p3jkgfFB6l6MeAl8Vqp90YNtcgxxGe3Py_Ii_EWeQ0huR9pCo0l2LhtoUWyrHKA435RCRgQtJlNA2IvGCj5K9N8qNNUAZR8zi_KdTXhWJE6YYcAoMmTXtIMB_zJ4n_73n0H0S" alt="vx9p3jkgfFB6l6MeAl8Vqp90YNtcgxxGe3Py_Ii_EWeQ0huR9pCo0l2LhtoUWyrHKA435RCRgQtJlNA2IvGCj5K9N8qNNUAZR8zi_KdTXhWJE6YYcAoMmTXtIMB_zJ4n_73n0H0S"></td>
      <td><code>@string/jwplayer_cast_use_same_wifi</code></td>
      <td><code>@color/jw_labels_secondary</code></td>
      <td><code>@dimen/jw_text_xsmall</code></td>
      <td><code>JWText.CastSubtitle</code></td>
      <td><code>Hint that your mobile device needs to be connected to the same network as the cast device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/36yWIPnUPmVjN4fjiBaIXQoM02zsRWBd_sU6hy4tM5-pv2yfNHIiQQP018vf1wK7yQf-NVhftgJzyLopZSkgB07kVEbraUaUrUXBkGEyzDe_ofrfU_2iJ3YvoFhX0Vvty31ovsCG" alt="36yWIPnUPmVjN4fjiBaIXQoM02zsRWBd_sU6hy4tM5-pv2yfNHIiQQP018vf1wK7yQf-NVhftgJzyLopZSkgB07kVEbraUaUrUXBkGEyzDe_ofrfU_2iJ3YvoFhX0Vvty31ovsCG"></td>
      <td><code>@drawable/ic_jw_cast_off</code></td>
      <td><code>@color/jw_icons_active @color/jw_icons_tint</code></td>
      <td><code>@dimen/jw_icon</code></td>
      <td><code>JWIcon.CastItem</code></td>
      <td><code>Icon to indicate a cast device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/LRaMb9lm_LyZbG8SWY-exCRK5-cfjo23T0PkIjMyHQjlXZ_rR3XCheVD8DtuTkR17-_62tpnNwfDNF9zJPKoSvcRovrEVfAzc0mYNsiORVgUngGtpv2jckRhjbVrov1MYeEqrFQ1" alt="LRaMb9lm_LyZbG8SWY-exCRK5-cfjo23T0PkIjMyHQjlXZ_rR3XCheVD8DtuTkR17-_62tpnNwfDNF9zJPKoSvcRovrEVfAzc0mYNsiORVgUngGtpv2jckRhjbVrov1MYeEqrFQ1"></td>
      <td>N/A</td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge</code></td>
      <td><code>JWText.CastItem</code></td>
      <td><code>Name of the cast device</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/3qwCdylbZ_7KgmOm9mb_I-QyUP7QFtlg50qIgj4ecnGDDgMVb1bV2CHzYgbjvTBxXigcg8QC1HlN5kKmuCaWlvyFbQIhGbTK6rXCuqkxu8cG3ojbgtTsKwHdk_SkHG_PnYxWjZvg" alt="3qwCdylbZ_7KgmOm9mb_I-QyUP7QFtlg50qIgj4ecnGDDgMVb1bV2CHzYgbjvTBxXigcg8QC1HlN5kKmuCaWlvyFbQIhGbTK6rXCuqkxu8cG3ojbgtTsKwHdk_SkHG_PnYxWjZvg"></td>
      <td>N/A</td>
      <td><code>@color/jw_separator_non_opaque</code></td>
      <td>N/A</td>
      <td><code>JWHorizontalDivider.Cast</code></td>
      <td><code>Divider</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/mWdwXil5y9p9AoY7aE7uZY7p5aTjUGwi5RPkOxL6S4J8YISzaRg-czvX71Aui3pIDZxISAnDlXV1wf7jZTyEnXarF2k64CMh0D4iVRSx_qB37WqZbSJcdm1Edegz5KEvYqjCieSN" alt="mWdwXil5y9p9AoY7aE7uZY7p5aTjUGwi5RPkOxL6S4J8YISzaRg-czvX71Aui3pIDZxISAnDlXV1wf7jZTyEnXarF2k64CMh0D4iVRSx_qB37WqZbSJcdm1Edegz5KEvYqjCieSN"></td>
      <td><code>@string/jwplayer_close</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_xlarge @dimen/jw_icon</code></td>
      <td><code>JWText.CastClose</code></td>
      <td><code>Close button</code></td>
    </tr>
  </tbody>
</table>
<br />
### CastDialog
﻿
<br />
<table>
  <tr>
    <th>Icon</th>
    <th>Resource Name</th>
    <th>Colors</th>
    <th>Dimens</th>
    <th>Style</th>
    <th>Description</th>
  </tr>
  <tbody>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/Nm7CafVtwrUgwolK-9rKatZnVNDOomjHJ3M_PNv8p9aB5I5ebGIawXIBVuxhrThQl_L2BleZhrdIvZOzOozBwEGxW2Ny_1HuMqUUkgkIz2oSn_APR4PmRTqdiOTIAlEPcsTsNQeD" alt="Nm7CafVtwrUgwolK-9rKatZnVNDOomjHJ3M_PNv8p9aB5I5ebGIawXIBVuxhrThQl_L2BleZhrdIvZOzOozBwEGxW2Ny_1HuMqUUkgkIz2oSn_APR4PmRTqdiOTIAlEPcsTsNQeD"></td>
      <td><code>@drawable/bg_jw_cast_disconnect_dialog</code></td>
      <td><code>@color/jw_surface_quaternary</code></td>
      <td>N/A</td>
      <td><code>JWView.CastDialog</code></td>
      <td><code>The Cast Dialog background</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh3.googleusercontent.com/tPB2IRENZ9tmgn5tp9ah6wWlO8wdyUXhOP9zlSfnKTASGV6EcfkyfumJzMgH4ZyY8d82OF7Cg4atouEKEdtFnfSD6KGXgZj3QrRT8LBdH_bvBC1nG9jP22cVCtRPkuT3eyqd8Yj7" alt="tPB2IRENZ9tmgn5tp9ah6wWlO8wdyUXhOP9zlSfnKTASGV6EcfkyfumJzMgH4ZyY8d82OF7Cg4atouEKEdtFnfSD6KGXgZj3QrRT8LBdH_bvBC1nG9jP22cVCtRPkuT3eyqd8Yj7"></td>
      <td><code>@string/jwplayer_cast_playing_on</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_large</code></td>
      <td><code>JWText.CastDialogDevice</code></td>
      <td><code>Indicates which device you are currently casting to</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh5.googleusercontent.com/sC093OpghDVHvFjJr2TeGjVn-HcaFIL0tEBHgns4D5m1s4-JdirZRoNeLcIo0uyrb6mCO5I0MLGctRLEiNnVhYvKkBrCBSudYmf_bw4yklEvmfURHAvND_AA0_lks8enYwtQvN0u" alt="sC093OpghDVHvFjJr2TeGjVn-HcaFIL0tEBHgns4D5m1s4-JdirZRoNeLcIo0uyrb6mCO5I0MLGctRLEiNnVhYvKkBrCBSudYmf_bw4yklEvmfURHAvND_AA0_lks8enYwtQvN0u"></td>
      <td><code>@string/jwplayer_cancel</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_large</code></td>
      <td><code>JWText.CastDialogCancel</code></td>
      <td><code>Closes the Cast Disconnect Dialog</code></td>
    </tr>
    <tr>
      <td style="background-color: #5A5A5A;"><img src="https://lh6.googleusercontent.com/FNCptkd4Y6Ck_jAXgGaLBbURQ4tZH-Pq0g2P98_xid1GN8hYVKRCp2mjtubxcsuMF3gLRxvnQUV9ygg-ecTfG_q1PmUUahioGok2f6ltsqgEpYxM20JT3lA4zpUT47DpUuC2VFGE" alt="FNCptkd4Y6Ck_jAXgGaLBbURQ4tZH-Pq0g2P98_xid1GN8hYVKRCp2mjtubxcsuMF3gLRxvnQUV9ygg-ecTfG_q1PmUUahioGok2f6ltsqgEpYxM20JT3lA4zpUT47DpUuC2VFGE"></td>
      <td><code>@string/jwplayer_cast_disconnect</code></td>
      <td><code>@color/jw_labels_primary</code></td>
      <td><code>@dimen/jw_text_large</code></td>
      <td><code>JWText.CastDialogDisconnect</code></td>
      <td><code>Disconnects from the casting device and resumes playback on the mobile device</code></td>
    </tr>
  </tbody>
</table>
Custom HTML
(Script tags will be stripped)
﻿