Flowplayer Demo
Custom call-to-action button
Nudge visitors towards the action
body {
font-family: Roboto, "Helvetica Neue";
}
.cta {
position: absolute;
text-align: center;
display: none;
width: 100%;
z-index: 2;
}
.cta a {
text-decoration: none;
font-weight: 600;
}
.is-playing .cta {
margin-top: 1em;
display: block;
}
.is-playing .cta a {
color: #00abcd;
}
.is-ended .cta {
transition: margin-top .3s;
margin-top: 41%;
display: block;
}
.is-ended .cta a {
background-color: #00abcd;
padding: 1.3em 3.6em;
border-radius: 10px;
transition: all .3s;
color:white;
}
.is-ended .cta a:hover {
background-color: #22829B
}
In the end the "View pricing" morphes to a button.
flowplayer("#player", {
src: "56058953-2cbd-4858-a915-1253bf7ef7b2/69891ec1-2d90-423c-9892-5a9ee87b6d86"
})
