End screen

Adds support for an end screen. The end screen is displayed at the end of video or after the end of playlist. It contains recommended videos (if available) in grid layout.

OVP managed player installation

Just include the plugin in the configuration builder and configure it by selecting either automatic recommendations (where the platform backend will create the list of videos to be shown in the endscreen) or a static or dynamic playlist.

OVP Endscreen configuration

Manual Javascript nstallation

Include the plugin next to the core player:

<script src="//cdn.flowplayer.com/releases/native/3/stable/flowplayer.min.js"></script>
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/endscreen.min.js"></script>

Player and plugins exist in different release versions. Please see the release channel documentation.

Events

The plugin can be used conjunction with OVP plugin or stand-alone. The plugin listens to the recommendationsready event and creates a recommendation grid using the data passed with the event.

Example code (stand-alone)

var video = flowplayer.playlist('#container', {
  src: "//edge.flowplayer.org/bauhaus.mp4", title: "Bauhaus"
})

var recommendations = {
  "playlist": [
    {
      "poster": "\/\/lw-amedia-cf.lwcdn.com\/i\/v-i-c3f57245-a16e-452d-a2b2-ad40ce271513-1.jpg",
      "src": [
        "//edge.flowplayer.org/bauhaus2.mp4"
      ],
      "title": "Bauhaus"
    }
    ...
  ]
}

video.on("loadstart", function () {
  video.emit("recommendationsready", recommendations)
})
By using this website you agree to our privacy policy
Results