Events · Demo · Flowplayer

prev next

<head>

playlist.css is loaded like in the basic playlist demo. Additional styling:

<style>

#banner {
   position: absolute;
   top: 0;
   left: -9999em;
   opacity: 0;
   width: 100%;
   height: 100%;
   background: #fff url(/img/logo-blue.png) center 40% no-repeat;
   background-size: 40%;
   z-index: 10;
   -webkit-transition: opacity .5s;
   -moz-transition: opacity .5s;
   transition: opacity .5s;
}

/* show banner when last clip finishes */
.last-video.is-finished #banner {
   left: 0;
   opacity: 1;
}

.last-video.is-finished .fp-ui {
   display: none;
}