Skip to content

Video Recommendations Demo

Video Recommendations

Show related videos after the playback is finished.

const player = flowplayer("#player", { src: "56058953-2cbd-4858-a915-1253bf7ef7b2/69891ec1-2d90-423c-9892-5a9ee87b6d86", poster: "", recommendations: false }) // Trigger recommendations on player - you can also get this directly from the platform if you wish player.on("loadstart", function () { player.emit("recommendationsready", { "playlist": [ { "poster": "//", "src": [ "//" ], "title": "A black skyscraper" }, { "poster": "//", "src": [ "//"], "title": "People not doing much at work" }, { "poster": "//", "src": [ "//"], "title": "Taking a shoot with a camera" }, { "poster": "//", "src": [ "//"], "title": "Someone typing on a laptop" }, { "poster": "//", "src": [ "//"], "title": "Random UI sketching on paper" }, { "poster": "//", "src": [ "//"], "title": "Our office space without lights on" }, { "poster": "//", "src": [ "//"], "title": "A normal, boring day at work typing stuff" }, { "poster": "//", "src": ["//"], "title": "Hey, we have a pile of useless startup swag!" }, { "poster": "//", "src": [ "//"], "title": "T-shirts hanging in black/white tone" }, { "poster": "//", "src": ["//"], "title": "Making our selection tempting for people" }, { "poster": "//", "src": [ "//"], "title": "We try that too with a nicer camera angle" }, { "poster": "//", "src": ["//"], "title": "We think less is more and simplicity wins" }, ]}) })

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