Skip to content

Background Video


Background Video

Play video behind the other elements.

This is content.

On top of the player.

The player is hidden under other content and cannot be accessed.

body { min-height: 56.25vw; font-family: Roboto, "Helvetica Neue"; } .background-player-wrapper { position: relative; display: inline-block; width: 100%; } .background-player-wrapper p { background-color: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; padding: 1em; margin-top: 4em; } .background-player { position: absolute; width: 100%; z-index: -1; top: 0; left: 0; } .background-player .fp-ui { display: none; } flowplayer("#player", { src: "56058953-2cbd-4858-a915-1253bf7ef7b2/eedf1500-78f9-4249-977a-974445a09db3", autoplay: true, loop: true, muted: true })

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