Styling advertisement components

EMP player has build in ad-support. Styling the ad-marker and countdown can be done trough css.

ad-markers

/* positioning of the ad-markers is done automatically to display it at the right location on the seekbar */
.emp-ad-marker {
  width: 3px; /** Increase the width of the ad-marker. */
  background-color: red; /** Change the color of the ad-marker */
}

ad-duration

/* Ad duration marker can be moved to the preferred location. Only its content and visibility is automatically updated when an advertisement starts or stops playing */
.emp-ad-duration-label {
  display: block;
  position: absolute;
  right: 0em;
  bottom: 3em;
  padding: 1em;
  background-color: red;
}