Playlist · Demo · Flowplayer

#content {
   max-width: 700px;
}

.flowplayer {
   background-color: #333;
   /* allow room for playlist buttons */
   margin-bottom: 100px;
}

.fp-playlist {
   position: absolute;
   bottom: -100px;
   width: 100%;
   text-align: center;
}

.fp-playlist a {
   display: inline-block;
   width: 70px;
   height: 70px;
   border-radius: 70px;
   background-color: #666;
   margin: 15px;
}

a.is-active {
   background-color: #eee;
}

.is-paused a.is-active {
   background-color: #ccc;
}

.fp-next, .fp-prev {
   position: absolute;
   bottom: -60px;
   font-size: 20px;
   display: none;
}

.fp-next {
   right: 0;
}

.is-ready .fp-next, .is-ready .fp-prev {
   display: inline;
}

/* only needed for event info box */
#info {
   background-color: #333;
   font-family: monaco, monospace;
   max-width: 300px;
   min-height: 100px;
   margin: 0 auto;
   color: #eee;
   padding: 10px;
}

#info p {
   margin: 0;
}