Skip to main content

Create Video Player

Let's suppose now we need a player to watch sporting events. Follow the steps below on how to create one, we will name it "Sports Video Player"

After successfully reaching the Player page, the page where all the existing players are listed, you can follow the steps below to create a fully customizable video player.

Setup Tab​

  1. Click on the "Create New" button
  2. You will be redirected to the first page of configuration in a player - Setup Page
  3. Enter the name of the player
  4. Decide whether you want a Responsive size of player or a Fixed one. The match games are usually broadcasted in horizontal formats, that's why for our use case we will continue with Responsive Player, with an aspect ratio of 16:9
  5. We want this player to play the next video automatically, so we enable Autoplay
  6. This player needs to have all the focus, so we enable Pause other videos feature

create video player

tip

The user can edit all the settings displayed, to know more for every displayd settings on Setup tab visit Video Player Management

  1. Set a delay of 10 seconds, if this player is used for live videos
  2. Set the Jump back after midroll to 3 seconds, this means after midroll has ended the video will resume playing 3 seconds back from where it actually started
  3. Set Ad Announcement to 5 seconds, this means the viewer will be 5 seconds warning before the ad starts

advanced settings for video player

  1. We don't want the user to be stuck in the same video, so we will disable the Loop Content.
  2. Enable Mute on start, the video will start playing on mute setup.
  3. Enable Floating player
  4. Select the float to position to Top right, which is the default
  5. Enable Float dismissable, this allows the user to dismiss floating players.
  6. Enter the width of the player, the integer will represent px.

advanced settings for video player

Customization Tab​

  1. Enable the Show Settings button, Show Chromecast button, Show Big Play button, Show Full Screen button, Show Volume button, Show share button and Show live icon.
  2. We will leave the Colors section on their default colors, but note that every particle of the player is customizable.customize settings for video player
  3. Enable the logo and then upload one.
  4. Set its position and its opacity.
  5. Do not forget to add the link that this logo will redirect you to when clicked.logo customization
tip

Discover all available customization options in the Video Player Management

Advertising Tab​

  1. Enable Ad schedules, and select one for this player.

ad schedule tab

Localization Tab​

  1. Add Localization for different buttons, this case we have showed you some localization used in german language

language tab

  1. When you are done with all the configuration click the Create button.
  2. The player has been created and will be listed in the Players page.