Skip to content

Custom call-to-action button


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" })

Wowza Flowplayer Demos

The most popular setups on the Internet.

Standard Demo

Standard layout

The most common video-setup in the Internet.

Video Recommendations Demo

Video recommendations

Show related videos after the playback is finished.

Video Thumbnails Demo

Video thumbnails

Render thumbnails for individual scenes for easy scanning of the video.

Background Demo

Background video

Play video behind the other elements.

Audio Only Demo

Audio-only setup

Use Flowplayer for podcasts and music.

Video Gallery Demo

Video gallery

Four videos in a grid.

Video Perspective Demo

Video perspective

That subtle decoration for your video.

Floatin Video Demo

Floating video

Press play and scroll to see the player floating on the bottom/left corner of the browser window.

Custom CTA Demo

Custom call-to-action button

Nudge visitors towards the action

ABR Demo

Adaptive bitrate streaming (ABR)

The dynamic switching of the video quality